比如,我删除了页面某个东西,然后,页面刷新了,刷新后,我想让页面处于操作区域,而不是回到页面顶部。
我目前想到的办法是:
当删除操作成功后,给后端一个请求。后端在页面中埋一个标识。
如果该标识存在,页面在载入时,执行document
的srcoll
方法;否则不执行。
不知有更好的办法没。
ps:搞来搞去,在页面重载后,要跳到对应的锚点,只更改location.hash
肯定不行了,我借助了sesstionStorage
来做标记。刷新页面后根据标记来判断是否进行更改location.hash
和更改document
的scrollTop
位置。
----------更新答案----------
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://segmentfault.com/q/1010000000471809#a-1020000000471847