始终使用jQuery将单页网站与特定点对齐

Question

我想知道是否有人遇到过，或者有任何想法从哪里开始编写，这是一个jQuery脚本，当你滚动到某一点时，它总会跳到网站上的特定点。例如，使用此网站http://www.bettondesignwork.co.uk/sierragrande，它是一个由4个全尺寸div组成的单页网站，您可以导航到或滚动浏览，但是当您滚动时，一个div的底部和另一个div的顶部都是可见，脚本会将最明显的div对齐回页面中心？

我知道这有点啰嗦，但我的jQuery知识相当有限，不知道我将如何开始这个。如果有人有任何线索，我很乐意听到你的想法。

Answer 1

jQM内置了一个漂亮的解决方案。因为你不能在jQM中使用锚链接（除非你使用data-ajax =“false”但这是另一个问题）jQM开发人员构建了内部功能来模拟这个：

 $('a.anchor-class').live('click', function(ev) {
     var target = $( $(this).attr('href') ).get(0).offsetTop;
     $.mobile.silentScroll(target);
     return false;
 });

可以在此处找到更多信息：http://jquerymobile.com/demos/1.0/docs/api/methods.html

当然，使用top示例创建自己的逻辑。

您应该使用scrollstart scrollend事件来查找当前位置，将其与div集合匹配，并在需要时滚动到所需位置。