zoukankan      html  css  js  c++  java
  • js 滚动到指定位置(带step 速度)

    function scroto(tray){
    var timer=setTimeout(function(){
    var curr_y=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; // 获取原始滚动告诉
    var step=40;
    if(curr_y<tray){ // 目标距离大于 原始距离 向下滚动
    var dist=Math.ceil((tray-curr_y)/step) //取每次滚动的距离
    var next=curr_y+dist
    if(next<tray){ // 如果小于 还要向下滚动
    window.scrollTo(0,next)
    scroto(tray) // 再次执行
    }else{ // 如果距离大于 超过 直接跳到 目标距离
    window.scrollTo(0,tray)
    }

    }else{
    var dist=Math.floor((tray-curr_y)/step) //取每次滚动的距离
    var next=curr_y+dist
    if(next>tray){
    window.scrollTo(0,next)
    scroto(tray) // 再次执行
    }else{
    window.scrollTo(0,tray)
    }
    }

    })
    }
    // 用法
     $(".a_clic").click(function () {
    scroto($($(this).attr("href")).offset().top)
    // $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top -20+ "px"}, 500);

    return false;//不要这句会有点卡顿

    });
  • 相关阅读:
    压缩感知(CS)
    在linux服务器上配置anaconda和Tensorflow,并运行
    opencv基本操作
    在windows10下vs2017配置opencv4.0.0
    枚举
    图片居中
    css初始化
    常用颜色
    css三大布局
    盒子宽度
  • 原文地址:https://www.cnblogs.com/itliulei/p/9223132.html
Copyright © 2011-2022 走看看