我创建了一个非常适合 Android Tab 2 屏幕的 HTML 5 应用程序页面。每个部分都是视口的大小。它从上到下滚动,共有 5 个部分。
如果用户发现自己位于两个部分之间,我想使用 Jquery 让浏览器自动滚动到该部分的顶部。
我在这里看到了一个我想做的例子:http: //www.twenty8twelve.com/
看看如果你在一个部分中向下 30 个像素(或其他),一秒钟后,该区域(部分)如何动画到该部分的顶部。
我创建了一个非常适合 Android Tab 2 屏幕的 HTML 5 应用程序页面。每个部分都是视口的大小。它从上到下滚动,共有 5 个部分。
如果用户发现自己位于两个部分之间,我想使用 Jquery 让浏览器自动滚动到该部分的顶部。
我在这里看到了一个我想做的例子:http: //www.twenty8twelve.com/
看看如果你在一个部分中向下 30 个像素(或其他),一秒钟后,该区域(部分)如何动画到该部分的顶部。
他们正在使用一些自定义的 jScroll mojo 来完成效果。我建议使用像这样的简单插件来模拟这种行为。
效果示例:http: //nick-jonas.github.com/windows/
github 仓库:https ://github.com/nick-jonas/nick-jonas.github.com/tree/master/windows
您可以使用我创建的 fullpage.js 库来执行此操作,该库使用autoScrolling:false
创建普通滚动而不是自动滚动的选项。
默认情况下 fullpage.js 使用fitToSection:true
将创建您正在寻找的效果的选项。
此外,您将能够使用一些其他功能,例如在 URL 中使用可链接的锚点、回调、菜单、导航项目符号等。