单击操作完成后滚动到元素

时间:2014-10-13 13:53:58

标签: jquery

我点击一个按钮并使用新内容重新加载同一页面。重新加载完成后,我想将文档一直向下滚动。我怎么能用jQuery做到这一点?

 $('#loadBtn').click(function () {
       //some logic
        window.location = url;
        window.scrollBy(0, $(document).height())
    });

问题是在重新加载页面之前会调用scrollBy。我尝试在点击事件之后进行链接,如下所示,但滚动是在每次“准备好”事件之后发生的。

 $('#loadBtn').click(function () {
           //some logic
            window.location = url;        
        }).on('ready',function() {
         window.scrollBy(0, $(document).height())
  });

我的问题是,如何重新加载页面,等待它加载然后滚动文档?谢谢!

1 个答案:

答案 0 :(得分:3)

你能做的最简单的事就是在网址中使用#something。

 window.location = url+'#id_ef_element_you_scroll_to';   

在第二页上找到任何可以添加id的html标签,例如

<div id='id_ef_element_you_scroll_to'> ... </div>