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

最新推荐文章于 2024-07-29 16:50:17 发布

宋哈哈

最新推荐文章于 2024-07-29 16:50:17 发布

阅读量7k

点赞数

分类专栏：有用的代码总结

本文链接：https://blog.csdn.net/qq_40028324/article/details/81072047

版权

有用的代码总结专栏收录该内容

68 篇文章 1 订阅

订阅专栏

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

入参：目标位置的高度


  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)