获取当前滚动位置并将其作为带链接的变量传递?
老实说,我离开了我的深度。 我创建了一个分页系统,您可以在其中单击重新加载页面的链接,并在无序列表中显示一定数量的列表项。 当您再次单击它时,它将重新加载页面并显示更多项目。 想想Twitter如何在您的Feed中显示推文。
问题是当它重新加载它停留在顶部的页面时。 我想要的是它跳到它以前的页面上的相同位置。
我已经有一个链接设置的选择器很好我只是不知道如何获取当前滚动位置然后将其传递给新页面以便跳转到。
到目前为止,这是我的代码:
jQuery(document).ready(function(){ $("a[rel=more]").live("click", function(){ //script... }); });
我从哪里去?
-
使用AJAX重新加载项目,而不是重新加载整个页面。
-
使用
window.pageYOffset
和window.scrollTo(0, y)
获取并设置滚动位置。我将位置存储在URL的哈希值中:
// after loading the document, scroll to the right position // maybe location.hash has to be converted to a number first $(document).ready(function() { window.scrollTo(0, location.hash); }); // I'm not quite sure if reload() does preserve the hash tag. location.hash = window.pageYOffset; location.reload();
正如gs所说,通过ajax调用添加元素而不是重新加载页面。
如果您不想使用jQuery.ScrollTo插件。 它支持与滚动相关的所有内容,这些都是您梦寐以求的
根据@Shawn Grigson的链接,所有浏览器都不支持pageYOffset。
获取和设置元素的垂直滚动的jQuery解决方案(希望真正的跨浏览器兼容,但我还没有测试过)是scrollTop() 。