<body>
<div style="position: absolutez-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())//将滚动条高度赋给悬浮框。
})
})
导入jquery库,效果就出来了。
给你一段代码,创建了一个大小100*100的浮动窗口,贴着窗口的右边。<style type="text/css"> #my_dialog {position: fixed/*固定定位*/right: 0 top: 50%/*贴着右边,垂直位置50%*/height: 100px width: 100px/*尺寸 100 x 100*/transform: translate(0, -50%)/*通过位移,保证浮动窗口的垂直居中*/box-shadow: 0 0 3px 1px rgba(180, 180, 180, 0.5) background-color: white/*加些背景色和阴影,以便区分*/}</style>
<div id="my_dialog"> <!--窗口内容--></div>