页面自动滚动脚本

172 阅读1分钟

一段自动滚动页面的脚本,在这里记录一下。

  const winHeight = window.screen.height
    function autoScroll(){
        const scrollTop= document.documentElement.scrollTop
        const bodyHeight = document.body.scrollHeight
        if(winHeight+scrollTop<bodyHeight){
            console.log('scroll',scrollTop+500)
            window.scroll({
                top: scrollTop+500,
                behavior: "smooth",
            });
            setTimeout(function(){
                autoScroll()
            },1000)
        }else{
            console.log('all ended')
        }
    }
    setTimeout(function(){
        autoScroll()
    }, 2000)

代码没有做任何兼容性的处理。

如果有一个超长的分页列表数据页面,我们需要获取页面里的所有数据,就需要控制页面滚动去吧所有数据加载完成。单靠人力一点点拉,就太费事了。于是就写了这么一段脚本。

这段代码很简单,就在这里记录一下。