不跳转的滚动窗口（javascript 或主题标签）

Question

我想要一个使用指向锚标记名称的主题标签或 javascript 的解决方案。

我当前使用的 JavaScript 看起来像这样 window.scroll(0, 20000);。问题是，当用户到达页面时，这会导致窗口猛然下降。

我知道有 jQuery 动画可以让这个动作更加渐进。然而，我想要的是让用户感觉不到窗口的移动。我想要就像用户登陆到页面底部一样。

Answer 1

您面临的问题是您希望转到尚未加载的页面底部。我会考虑以隐藏格式加载页面，然后在页面全部加载后以及将用户滚动到您想要的位置后显示它。使用焦点或滚动到方法。

看看长丝集团的网站。

http://filamentgroup.com/

他们隐藏带有加载屏幕的页面，直到准备好为止。

这样就没有混蛋了。

希望这有帮助。

Answer 2

如果页面完全加载并显示，则在循环中它可以工作：（

for(var n=0;n<1000;n++) window.scrollBy(0,20);

请注意 20*1000=20000，这是原始滚动位置。）

Answer 3

Teemu的答案似乎对我不起作用（它直接到底部，使带有scrollBy步进的循环不可见），因为它没有实现延迟。

如果您打算在 1000 毫秒内从页面顶部到底部制作动画，请尝试类似这样的操作：

for (var n = 0; n < 1000; n += 1) {
    setTimeout(function () {
        window.scrollBy(0, document.height / 1000);
    }, n);
}

这将提供 1 秒（1000 毫秒）的动画，以大约 1000 步滚动到底部。