-1

我创建了一个非常适合 Android Tab 2 屏幕的 HTML 5 应用程序页面。每个部分都是视口的大小。它从上到下滚动,共有 5 个部分。

如果用户发现自己位于两个部分之间,我想使用 Jquery 让浏览器自动滚动到该部分的顶部。

我在这里看到了一个我想做的例子:http: //www.twenty8twelve.com/

看看如果你在一个部分中向下 30 个像素(或其他),一秒钟后,该区域(部分)如何动画到该部分的顶部。

4

2 回答 2

1

他们正在使用一些自定义的 jScroll mojo 来完成效果。我建议使用像这样的简单插件来模拟这种行为。

效果示例:http: //nick-jonas.github.com/windows/

github 仓库:https ://github.com/nick-jonas/nick-jonas.github.com/tree/master/windows

于 2013-03-12T04:09:46.433 回答
0

您可以使用我创建的 fullpage.js 库来执行此操作,该库使用autoScrolling:false创建普通滚动而不是自动滚动的选项。

在线示例

默认情况下 fullpage.js 使用fitToSection:true将创建您正在寻找的效果的选项。

此外,您将能够使用一些其他功能,例如在 URL 中使用可链接的锚点、回调、菜单、导航项目符号等。

于 2015-10-27T17:21:02.163 回答