javascript - 无跳转滚动窗口（javascript 或标签）

Question

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

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

我知道有 jQuery 动画可以让这个动作更加渐进。但是，我想要的是使用户无法察觉窗口移动的东西。我想就像用户降落在页面底部一样。

score 2 · Accepted Answer

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

看看长丝集团网站。

他们用加载屏幕隐藏页面，直到它准备好。

这样就没有混蛋了。

希望这可以帮助。

score 0 · Accepted Answer

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

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

（注意 20*1000=20000，这是原来滚动的地方。）

score 0 · Accepted Answer

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

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

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

这将给出一个 1 秒（1000 毫秒）的动画，以大约 1000 步滚动到底部。

3 回答 3