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

 

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

入参：目标位置的高度

 

 

  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;

}

}