web页面回退后滚动到原来浏览的位置
Posted wwwluo
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web页面回退后滚动到原来浏览的位置相关的知识,希望对你有一定的参考价值。
使用sessionStorage存储页面数据,如果是页面回退,则sessionStorage是不为空,然后把光标滚动到原记录的位置。
<script type="text/javascript">
$(function () {
if (window.performance) {
if (window.performance.navigation.type == 2){
$(document).scrollTop(0, sessionStorage.getItem("ListoffsetTop"));
}
}
});
//滚动时保存滚动位置
$(window).scroll(function () {
if ($(document).scrollTop() != 0) {
sessionStorage.setItem("ListoffsetTop", $(window).scrollTop());
}
});
</script>
以上是关于web页面回退后滚动到原来浏览的位置的主要内容,如果未能解决你的问题,请参考以下文章