0

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

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

4

1 回答 1

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

当然，使用顶级示例来创建您自己的逻辑。

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

于 2012-12-19T14:21:09.893 回答