html css 返回顶部按钮位置怎么固定。

可以使用相当于浏览器定位。css样式中写入:{position: fixed;right: 20px;bottom: 100px; }相当于浏览器右边20px,浏览器底部100px的距离的定位。fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。
html css 返回顶部按钮位置怎么固定。
很多时候,需要对div进行固定,比如在线咨询模块,这就需要固定div在显示页面的位置,而不能随滚动条滚动。

思路:将需要固定的div做成悬浮框,目的是能和别的div块重合,然后当触发滚动条事件,动态改变div坐标。
代码:
jsp中:
<body>
<div style="position: absolute;z-index:90" id="div1">我不动</div>
<div>我动<div>
</body>
//有的将position设置成fixed,我试了试效果不如position好,设置z-index,向里的深度,我这儿设置90,你要覆盖几个div,设置数大于那个数就行。
js中:
我这儿用jquery写。
$(document).ready(function(){
$(window).scroll(function(){//滚动时触发函数
$("#div1").css("top",$(document).scrollTop());//将滚动条高度赋给悬浮框。

//在这儿加那句
})
我这个没有下边的滚动条,因为没有测试,所以没有轻易写,如果你想尝试,试着加句
$("#div1").css("right",$(document).scrollRight());//将滚动条高度赋给悬浮框。
导入jquery库,效果就出来了2013-08-09
可以使用相当于浏览器定位。css样式中写入:
{position: fixed;
right: 20px;
bottom: 100px; }相当于浏览器右边20px,浏览器底部100px的距离的定位。
fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。2015-12-23
position:fixed 然后在设置left或 right top或 bottom2013-08-09
绝对位置,针对浏览器或者文档整体,2013-08-09
position:fixed2013-08-09
mengvlog 阅读 9 次 更新于 2025-07-20 09:53:30 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部