zoukankan      html  css  js  c++  java
  • scrollto 到指定位置

    goTo = function(target){
                    var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
                    if (scrollT >target) {
                        var timer = setInterval(function(){
                            var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
                            var step = Math.floor(-scrollT/6);
                            document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
                            if(scrollT <= target){
                                document.body.scrollTop = document.documentElement.scrollTop = target;
                                clearTimeout(timer);
                            }
                        },20)
                    }else if(scrollT == 0){
                        var timer = setInterval(function(){
                            var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
                            var step = Math.floor(300/3*0.7);
                            document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
                            console.log(scrollT)
                            if(scrollT >= target){
                                document.body.scrollTop = document.documentElement.scrollTop = target;
                                clearTimeout(timer);
                            }
                        },20)
                    }else if(scrollT < target){
                        var timer = setInterval(function(){
                            var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
                            var step = Math.floor(scrollT/6);
                            document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
                            if(scrollT >= target){
                                document.body.scrollTop = document.documentElement.scrollTop = target;
                                clearTimeout(timer);
                            }
                        },20)
                    }else if(target == scrollT){
                        return false;
                    }
                }
    

      直接写改变scrollTop属性可能没什么作用,但是这样写的话兼容性就有保障

    滚动到指定容器的底部

    window.scrollTo(0,document.querySelector("#answer-11715670").scrollHeight);
    

     vue的写法

    watch: {
        messages() {
          this.$nextTick(() => {
            let list = this.$els.xx
            list.scrollTop = list.scrollHeight
          })
        }
      }
    
    学而不思则罔,思而不结则殆,结而不看,一事无成
  • 相关阅读:
    js上传图片预览
    Android 调用QQ登录
    未开启HugePages ORACLE session剧增时引起的一次悲剧
    脱了裤子放屁之std::string
    [Python爬虫] Selenium自己主动訪问Firefox和Chrome并实现搜索截图
    tomcat启动报错,找不到相应的 queue,从而引发内存泄漏
    LeetCode: Binary Tree Postorder Traversal [145]
    素数打表法。
    linux 抓包 tcpdump 简单应用
    Linux命令之kill
  • 原文地址:https://www.cnblogs.com/windseek/p/7929263.html
Copyright © 2011-2022 走看看