• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

jquery 来源:Tim Wilkinson 4次浏览

我想知道是否有人遇到过,或者有任何想法从哪里开始编写,当您滚动过去时,总会跳到站点上特定点的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集合匹配并在需要时滚动到所需的位置。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)