许私 2022-08-08 17:22 采纳率: 0%
浏览 19

页面刷新滚动条出现问题

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>
无报错 但是就是浏览器一刷新 页面出现问题
  • 写回答

1条回答 默认 最新

  • 关注

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

    评论

报告相同问题?

问题事件

  • 创建了问题 8月8日