JS自动操作滚动条-自动滚轮到最下面/最底部

3 篇文章 0 订阅
2 篇文章 0 订阅
这篇博客介绍了一个JavaScript函数`page_scroll()`,用于实现页面自动滚动效果,通过设置定时器控制滚动速度。当滚动到底部时,会触发特定提示。此外,还提供了处理页面持续滚动问题的解决方案,并提到了如何使用Python的webdriver调用JavaScript代码。博客还包含了对Python调用JavaScript的简要说明,以及如何在Python中处理多行代码的注释方式。
摘要由CSDN通过智能技术生成
// 定义函数
function page_scroll() {
    var i = 1
    var element = document.documentElement
    element.scrollTop = 0;  // 不管他在哪里,都让他先回到最上面
 
    // 设置定时器,时间即为滚动速度
    function main() {
        if (element.scrollTop + element.clientHeight == element.scrollHeight) {
            clearInterval(interval)
            console.log('已经到底部了')
        } else {
            // 300 代表每次移动300px
            element.scrollTop += 300;
            console.log(i);
            i += 1;
        }
    }
    // 定义ID 300代表300毫秒滚动一次
    interval = setInterval(main, 300)
}

page_scroll()

/* 如果发现网页一直滚动
1、关掉网页重新打开 或者刷新页面
2、将第九行的代码改为

if (element.scrollTop + element.clientHeight >= element.scrollHeight - 500)

这个修改后代码的-500可以根据自己页面实际情况进行调整,改成自己需要的数字
*/

动图SOP如下: 

拓展内容(没兴趣用Python调用JavaScript的同学可以不看):

如果想要使用Python调用webdriver,则可以使用如下的方法,或者复制上方代码赋值给变量;

请注意在Python中因为多行代码,

所以要用多行注释 '''    code...    ''' 这种方式进行表达。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值