如何让html页面后刷显示固定位置？ 20
朋友，我想问一下，如何让页面刷新后显示在固定位置，就是我点击button后，页面刷新，刷新后页面显示的位置就是我的button的位置？代码如下，应该怎么添加代码呢？谢谢...
朋友，我想问一下，如何让页面刷新后显示在固定位置，就是我点击button后，页面刷新，刷新后页面显示的位置就是我的button的位置？代码如下，应该怎么添加代码呢？谢谢
展开
4个回答
展开全部
你是要刷新整个页面还是仅仅回到button的位置，如果仅仅是回到button位置，像楼上说的直接加锚点，如果是刷新整个页面的同时回到button，要是我的话我会用localtion.href先把本页面button距离页面顶部的距离$('button').offset().top传给服务端，服务端刷新页面，同时把刚才那个button的距顶部的距离传回客户端，用jQuery：$(document).scrollTop(xxx);回到button位置，方法比较笨，仅作参考
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
遇到这个问题的时候我们总是第一时间想到用一个浮动的DIV，然后通过JavaScript控制window.onscroll来控制DIV的位置，从而达到我们希望这个层在页面的固定位置
但是这种方式有一个缺点，那就是我们在滑动鼠标的时候，层会跟着鼠标的滚动而抖动，为了避免这个情况的发生，可以用下面的方式实现！
1.放一个大的层，长和宽都是100%，并且是浮动的，超出的部分（overflow）用auto.
2.再放一个小的层，也是浮动的，而且z-index为最大，让它始终在最上面，我们可以通过控制这个层的top，left，right，botton来控制层在网页中的具体位置
3.设置body的margin为0，否则我们将看不完滚动条
4.设置body的scroll为no，让窗体没有滚动条，而层来显示滚动条
5.所有网页其他的内容都放在大层里面
具体代码如下：
<html>
<head>
<title></title>
<style>
body{ margin:0px; }
div { position: absolute; }
</style>
</head>
<body scroll="no">
<div style="width: 100%; height: 100%; overflow: auto;">
这里写网页的其他
</div>
<div style="background-color:Red; z-index: 1; bottom:0px; right:0px;">
这个层始终在顶部
</div>
</body>
</html>
但是这种方式有一个缺点，那就是我们在滑动鼠标的时候，层会跟着鼠标的滚动而抖动，为了避免这个情况的发生，可以用下面的方式实现！
1.放一个大的层，长和宽都是100%，并且是浮动的，超出的部分（overflow）用auto.
2.再放一个小的层，也是浮动的，而且z-index为最大，让它始终在最上面，我们可以通过控制这个层的top，left，right，botton来控制层在网页中的具体位置
3.设置body的margin为0，否则我们将看不完滚动条
4.设置body的scroll为no，让窗体没有滚动条，而层来显示滚动条
5.所有网页其他的内容都放在大层里面
具体代码如下：
<html>
<head>
<title></title>
<style>
body{ margin:0px; }
div { position: absolute; }
</style>
</head>
<body scroll="no">
<div style="width: 100%; height: 100%; overflow: auto;">
这里写网页的其他
</div>
<div style="background-color:Red; z-index: 1; bottom:0px; right:0px;">
这个层始终在顶部
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是要刷新整个页面还是仅仅回到button的位置，如果仅仅是回到button位置，像楼上说的直接加锚点，如果是刷新整个页面的同时回到button，要是我的话我会用localtion.href先把本页面button距离页面顶部的距离，传给服务端，服务端刷新页面，同时把刚才那个button的距顶部的距离传回客户端！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
添加锚点。你看一下关于锚点的应用。比较简单的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
