window.scroll(To)为什么不能在页面load完成后自动滚动?

本文探讨了window.scroll在网页中的应用,作者尝试直接调用该方法时未能使页面滚动,但在控制台手动输入相同命令却能生效。通过实验发现将scroll操作放入setTimeout中或绑定到其他异步事件中时,才能实现滚动效果。

今天学window.scroll,然后试了一段代码

function Scrolldown() {
    window.scrollTo(0, 300);
    console.log('success');
}
window.onload = Scrolldown;

刷新页面死活不滚动…
然后自己在控制台手动输入window.scrollTo(0, 300);立马滚动….

好奇脸?

然后加了一个setTimeout,成功滚动…

这是为什么

function Scrolldown() {
    setTimeout('window.scrollTo(0, 300)', 50);
    console.log("hello")
}
window.onload = Scrolldown;

然后接着试了下点击事件、按键事件均可以成功滚动,但如果不加到异步事件里就是不滚动…

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值