欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

scrollTop:从页面某一位置平滑的滚动到指定位置

程序员文章站 2022-06-15 09:48:11
...

 

 这个函数实现了从页面的某一个位置,平滑的滚动到目标位置

入参:目标位置的高度

 

 


  function goTo(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/30);
            document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
            if(scrollT <= target){
                document.body.scrollTop = document.documentElement.scrollTop = target;
                clearTimeout(timer);
            }
        },10)
    }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);
            }
        },10)
    }else if(scrollT < target){
        var timer = setInterval(function(){
            var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
            var step = Math.floor(scrollT/30);
            document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
            if(scrollT >= target){
                document.body.scrollTop = document.documentElement.scrollTop = target;
                clearTimeout(timer);
            }
        },10)
    }else if(target == scrollT){
        return false;
    }
}

function goTo(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/30);

document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;

if(scrollT <= target){

document.body.scrollTop = document.documentElement.scrollTop = target;

clearTimeout(timer);

}

},10)

}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);

}

},10)

}else if(scrollT < target){

var timer = setInterval(function(){

var scrollT = document.body.scrollTop|| document.documentElement.scrollTop

var step = Math.floor(scrollT/30);

document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;

if(scrollT >= target){

document.body.scrollTop = document.documentElement.scrollTop = target;

clearTimeout(timer);

}

},10)

}else if(target == scrollT){

return false;

}

}