如何自动滚动网页？ [关闭]

Posted 2023-03-05

【中文标题】如何自动滚动网页？ [关闭]

【英文标题】：How do I scroll a webpage automatically? [closed]

【发布时间】：2013-01-27 21:10:46

【问题描述】：

当网站加载时，我希望显示一个 gif，并且在动画结束后，我希望页面自动向上滚动而无需单击任何按钮并显示我的主站点。我希望 gif 每次都自动加载，而不仅仅是第一次。

任何帮助将不胜感激。

【问题讨论】：

What have you tried?

我尝试了 scrollTop 和 jquery 页面幻灯片。他们使用按钮。我希望 gif 动画结束后页面向上滑动。

我认为 javascript 无法知道 GIF 动画何时结束。但是，您可以使用单个静态图像并使用 JS 使用计时器为它们设置动画。

这听起来像是用户会喜欢的东西吗？这几乎听起来像是 2000 年没人喜欢的 Flash 启动页面。用户通常不喜欢内容在不受控制的情况下移动。

【参考方案1】：

为 gif 计时。设置一个超时，当 X 时间过去时它会滚动。 计时然后隐藏而不是滚动可能是一个更好的主意。

虽然不可能计时，因为你必须要加载 GIF 的时间

【讨论】：

没有办法在给定元素加载时运行 jQuery 吗？

$('img').load(function() // 找到相关链接或点击事件并启用/添加 );

所以如果你想等待图片加载，你可以<img id="myimage"> 和$("#myimage").load(function() );

此方法是 .on('load', handler) 的快捷方式。当元素和所有子元素都已完全加载时，加载事件将发送到该元素。此事件可以发送到与 URL 关联的任何元素：图像、脚本、框架、iframe 和窗口对象。 api.jquery.com/load-event