Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery滚动100%(动画)_Jquery_Animation_Scroll_Vertical Scrolling - Fatal编程技术网

jQuery滚动100%(动画)

jQuery滚动100%(动画),jquery,animation,scroll,vertical-scrolling,Jquery,Animation,Scroll,Vertical Scrolling,我一直在想,当有人单击down按钮时,如何使jQuery以一种奇特的动画方式向下滚动100% 我想有一个向上和向下的按钮,而不是传统的导航栏。我有四个100%高度和宽度的面板,希望固定位置的上下按钮移动到下一个面板 我想我应该通过将移动量增加100%(向下)和-100%(向上)来实现这一点,但我不确定如何让jQuery做到这一点。我试过几种不同的方法,但都没有用。我想要最简单的方法来实现这一点 另外,我想垂直滚动。:) 这是一个非常好的插件,它为您提供了很多选择,让您可以选择滚动的方式,而且使用

我一直在想,当有人单击down按钮时,如何使jQuery以一种奇特的动画方式向下滚动100%

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

我想我应该通过将移动量增加100%(向下)和-100%(向上)来实现这一点,但我不确定如何让jQuery做到这一点。我试过几种不同的方法,但都没有用。我想要最简单的方法来实现这一点


另外,我想垂直滚动。:)

这是一个非常好的插件,它为您提供了很多选择,让您可以选择滚动的方式,而且使用起来非常简单有趣。

一个顶部按钮就这么简单(有你想要的任何样式):


查看此项可向下滚动100%

JQUERY

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

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

尝试jquerytools中的滚动条示例


它支持您想要的下一个/上一个按钮和垂直滚动

我不想要“顶部”按钮,我有四个面板,每个面板的高度为400%。我想有一个按钮,滚动到下一个面板,然后下一个,然后下一个。我把go top作为一个例子,因为代码是一样的。正如我所评论的,一种方法是在每个面板上放置一个锚,并使用它们作为导航的参考。您需要应用一些逻辑来获取下一个/上一个面板,但这取决于您的代码。也许$('html,body')比$('body')更好
<a name="top"></a>
<!-- Content -->
<a name="bottom"></a>

<a href="#top">Go top</a>
<a href="#bottom">Go bottom</a>
$('body').animate({
scrollTop:$(document).height()
});