首页 > 如何在页面刷新后,让页面滚动条滚到某个位置?

如何在页面刷新后,让页面滚动条滚到某个位置?

比如,我删除了页面某个东西,然后,页面刷新了,刷新后,我想让页面处于操作区域,而不是回到页面顶部。

我目前想到的办法是:

当删除操作成功后,给后端一个请求。后端在页面中埋一个标识。
如果该标识存在,页面在载入时,执行documentsrcoll方法;否则不执行。

不知有更好的办法没。

ps:搞来搞去,在页面重载后,要跳到对应的锚点,只更改location.hash肯定不行了,我借助了sesstionStorage来做标记。刷新页面后根据标记来判断是否进行更改location.hash和更改documentscrollTop位置。

----------更新答案----------
html:

<button class="btn">click me</button>
<div id="header">
    <h1>header</h1>
</div>
<div id="content">
    <h1>content</h1>
</div>
<div id="footer">
    <h1>footer</h1>
</div>

css:

div {
    height: 400px;
    background: #eee;
    margin: 20px;
}

js:

$(function() {
    console.log('refresh');
    var cotentOffset = $('#content').offset();
    var to = function() {
        $('body,html').animate({
            scrollTop: cotentOffset.top
        }, 200);
    };
    if (sessionStorage.getItem('anchor')) {
        location.hash = 'content';
        to();
    }
    $('.btn').on('click', function() {
        sessionStorage.setItem('anchor', true);
        location.reload(true);//只能reload
    });
});

jsfiddle demo:
http://jsfiddle.net/xmlovecss/y6k87/


可以参考下我对另一个问题的回答,希望对你有帮助。
http://.com/q/1010000000471809#a-1020000000471847

【热门文章】
【热门文章】