我会说实话,我在这里远离我的深度。我创建了一个分页系统,您可以点击重新加载页面的链接,并在无序列表中显示一定数量的列表项。当您再次单击它将重新加载页面和更多项目显示。想想Twitter如何在您的Feed中显示推文。
问题是当它重新加载页面时,它保持在顶部。我想要的是它跳到与之前拥有的页面上相同的位置。
我已经有一个选择器链接设置好,我只是不知道如何获取当前的滚动位置,然后传递到新的页面,它跳转到。
这是我的代码到目前为止
jQuery(document).ready(function(){ $("a[rel=more]").live("click",function(){ //script... }); });
我从哪里去?
解决方法
>使用AJAX重新加载项目,而不是重新加载整个页面。
>使用window.pageYOffset和window.scrollTo(0,y)获取并设置滚动位置。
>使用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();