老实说,我离开了这里的深度.我创建了一个分页系统,您点击它重新加载页面的链接,并在无序列表中显示一定数量的列表项.当您再次单击它时,它将重新加载页面并显示更多项目.想想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();