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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

jQM内置了一个漂亮的解决方案。因为你不能在JQM使用锚链接（除非你使用的数据AJAX =“假”但那是另一个问题）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集合匹配并在需要时滚动到所需的位置。

以上是 始终使用jQuery将单页网站与特定点对齐 的全部内容， 来源链接： utcz.com/qa/259262.html

回到顶部