js中当一个页面滚动到最底部的时候想返回到前一页,如何保持原来页面的状态不变?

 我来答
小为行4522
2020-02-29 · TA获得超过4049个赞
知道大有可为答主
回答量:6217
采纳率:87%
帮助的人:228万
展开全部


您好!具体代码如下,兼容各浏览器,其中scrollTop 为当前页面到顶部的距离,document.body.offsetHeight为整个页面的高度,document.documentElement.clientHeight为当前屏幕的高度,有不明白的可以问我,希望我的回答能帮到您!

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<style>
body{margin:0;height:2000px;}
div{height:500px;width:500px;background:#f00;margin:0 auto;}
</style>
<script>
window.onscroll=function(){
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
if(scrollTop>=document.body.offsetHeight-document.documentElement.clientHeight)
{
document.getElementById("div1").style.display="none";
alert("去看看是不是DIV不见了");
}
}
</script>
</head>
<body>
<div id="div1">
this is a div
</div>
</body>
</html>




追问
谢谢你的回答,我想问的是返回到上一页,如何保持当前页的状态不变,用sessionStorage能实现吗?
匿名用户
2020-03-01
展开全部
得看你用什么技术了,Vue的话有keep-alive能缓存当前的页面的。原生js的话利用缓存把当前页面的数据存起来,然后再展示也是可以的。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式