使用javascript顺利自动滚动

我正在尝试在我的网页上实现一些代码，以便在加载页面后自动滚动。 我使用Javascript函数执行自动滚动，并在页面加载时调用了我的函数，但页面仍然没有顺利滚动！ 有没有办法顺利自动滚动页面？

这是我的Javascript函数：

function pageScroll() { window.scrollBy(0,50); // horizontal and vertical scroll increments scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds } 

Answer 1

这并不顺利，因为你的滚动每100毫秒增加50。

将此值和您滚动的数量更改为较小的数字，以使该function运行时具有更加“平滑”的错觉。

调低速度使其更快或更慢。

 function pageScroll() { window.scrollBy(0,1); scrolldelay = setTimeout(pageScroll,10); } 

看起来会更顺畅，试试吧;）

Answer 2

尝试使用jQuery，这段代码：

 $(document).ready(function(){ $('body,html').animate({scrollTop: 156}, 800); }); 

156 – 位置从页面顶部滚动到（px）。
800 – 滚动持续时间（毫秒）

Answer 3

您可能希望查看jQuery ScrollTo插件的源代码，该插件可以顺利滚动。 或者甚至可以使用插件而不是滚动自己的function。

Answer 4

平滑运行动画取决于客户机。 无论你的编码多么公平，你都不会满足于动画在128 MB Ram系统上的运行方式。

以下是使用jQuery滚动的方法：

 $(document).scrollTop("50"); 

您可能还想尝试使用AutoScroll插件 。

Answer 5

你可以使用jfunc函数来做到这一点。 使用jFunc_ScrollPageDown和jFunc_ScrollPageUp函数。 http://jfunc.com/jFunc-Functions.aspx 。

Answer 6

既然你把这个问题标记为’jquery’，你为什么不尝试像.animate()这样的东西？ 这个特殊的jquery函数旨在平滑地动画各种属性，包括数字CSS属性以及滚动位置。