jQuery Scroll 100％（动画）

Question

当有人点击向下按钮时，我一直试图弄清楚如何以某种奇特的动画方式将jQuery向下滚动100％。

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

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

P.S。我想垂直滚动。 ：）

Answer 1

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

Answer 2

看到它向下滚动100％

JQUERY

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

Answer 3

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

尝试jquerytools http://jquerytools.org/

中的滚动条示例

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

Answer 4

一个go-top按钮就像这样简单（你想要的任何风格）：

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

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

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

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

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