页面刷新滚动条出现问题

Question

js滚动条轮播表格 页面刷新后滚动条卡顿一会才往下滚动

            <script>
                window.onload=function(){
                    var div = document.querySelector('#hyj');
                    //定时器
                    var time = setInterval(function() {
                        var oldTop = div.scrollTop;
                        var newTop = oldTop + 1;
                        div.scrollTop = newTop
                        // 进行判定是否到底
                        if (parseInt(div.clientHeight+ div.scrollTop) == div.scrollHeight) {
                            $('#hyj').animate({scrollTop:0},700);
                        }
                    }, 100);
                    //鼠标放上去
                    div.onclick=function(){
                        clearInterval(time);
                    }
                    div.onmouseover=function(){
                        clearInterval(time)
                        time = setInterval(function() {
                            var oldTop = div.scrollTop;
                            var newTop = oldTop + 1;
                            div.scrollTop = newTop
                            //进行判定是否到底
                            if (parseInt(div.clientHeight+ div.scrollTop) == div.scrollHeight) {
                                //到底了自动往上有动画效果
                                $('#hyj').animate({scrollTop:0},700);
                            }
                        }, 100);
                    }
                }
            </script> 
            <script>
                window.onload=function(){
                    var div = document.querySelector('#hyj');
                    //定时器
                    var time = setInterval(function() {
                        var oldTop = div.scrollTop;
                        var newTop = oldTop + 1;
                        div.scrollTop = newTop
                        // 进行判定是否到底
                        if (parseInt(div.clientHeight+ div.scrollTop) == div.scrollHeight) {
                            $('#hyj').animate({scrollTop:0},700);
                        }
                    }, 100);
                    //鼠标放上去
                    div.onclick=function(){
                        clearInterval(time);
                    }
                    div.onmouseover=function(){
                        clearInterval(time)
                        time = setInterval(function() {
                            var oldTop = div.scrollTop;
                            var newTop = oldTop + 1;
                            div.scrollTop = newTop
                            //进行判定是否到底
                            if (parseInt(div.clientHeight+ div.scrollTop) == div.scrollHeight) {
                                //到底了自动往上有动画效果
                                $('#hyj').animate({scrollTop:0},700);
                            }
                        }, 100);
                    }
                }
            </script>

无报错 但是就是浏览器一刷新 页面出现问题

Answer 1

有没有可能滚动条卡顿是因为页面还没加载完呢？