javascript - 使用 jQuery 单击时垂直滚动 100%

Question

我需要一个动画滚动效果，将网站向下推 100%。它基本上是一个网站中的多个页面，每个 100%，都有一个不同的站点。我知道为此有多个插件，但我想让它手动工作。

我尝试使用 anchor 和 ID 来刺激 100% 的滚动效果，但我想不出一个纯粹的解决方案可以在没有其他 ID 或类的某种帮助的情况下将页面向下移动 100%。

任何帮助将不胜感激。

Answer 1

好吧，这很简单，使用下面的代码片段将帮助您实现您正在寻找的...

$("a").on("click", function(event) {
    event.preventDefault(); //Prevent default action of anchor
    $("html, body").animate({ 
        scrollTop: $(document).height()  //Get the document height
    }, "slow"); //Animates the scroll
    /* Can also use 3000, 4000 i.e 3 seconds, 4 seconds to animate the scroll */
});

在这里，onclick的 <a>标记，我们首先阻止 anchor 标记的默认操作，然后在单击时，我们将动画滚动到文档底部。

Demo

注意:使用 id或 class对于您要附加的 anchor 标记 onclick继续，因为当前使用的选择器是通用选择器，它将定位文档中的所有 anchor 标记。