js 滚动到指定位置

- 日理万妓 2022-05-09 17:54 212阅读 0赞

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

来源 [https://www.cnblogs.com/bbyz/p/3968583.html][https_www.cnblogs.com_bbyz_p_3968583.html]

[https_www.cnblogs.com_bbyz_p_3968583.html]: https://www.cnblogs.com/bbyz/p/3968583.html