jquery - jQuery 滚动 100%（动画）

Question

我一直在试图弄清楚当有人单击向下按钮时如何使 jQuery 以某种精美的动画方式向下滚动 100%。

我想要一个向上和向下按钮，而不是传统的导航栏。我有四个 100% 高度和宽度的面板，并且希望固定位置的向上和向下按钮移动到下一个面板。

我想我会通过将移动增加 100%（向下）和 -100%（向上）来做到这一点，但我不确定如何让 jQuery 做到这一点。我尝试了几种不同的方法都无济于事。我想要最简单的方法来实现这一点。

PS我想垂直滚动。:)

score 1 · Accepted Answer

这是一个非常好的插件，它为您提供了很多滚动方式的选择，并且使用起来非常简单有趣。 http://johnpolacek.github.io/superscrollorama/

score 1 · Accepted Answer

1

看到这个向下滚动 100%

查询

$('body').animate({
scrollTop:$(document).height()
});

于 2013-08-22T11:34:22.417 回答

score 1 · Accepted Answer

如果您使用 JQuery 并且不想自己成为插件作者，那么有很多免费插件可以滚动浏览项目。

它支持您想要的下一个/上一个按钮和垂直滚动http://jquerytools.org/demos/scrollable/vertical.html

score 0 · Accepted Answer

go-top 按钮就是这么简单（任何你想要的样式）：

<a id="goTop">Top</a>

$("#goTop").click(function() {
    $('body,html').animate({
        scrollTop: 0
    }, 400);
});

如果您想导航到不同的点，只需在这些点中放置锚点（'a' 标签）。然后您可以使用 jQuery 将位置值设置为上面的“scrollTop”。或者你可以只使用带有'name'和'href'属性的html（没有滚动动画）：

<a name="top"></a>
<!-- Content -->
<a name="bottom"></a>

<a href="#top">Go top</a>
<a href="#bottom">Go bottom</a>

4 回答 4