js控制div不随滚动条滚动
很多时候,需要对div进⾏固定,⽐如模块,这就需要固定div在显⽰页⾯的位置,⽽不能随滚动条滚动。
⼀共有两种,⼀种是导航类型,不能有⼀丝的滚动,⼀种是⼴告类型,滚动时可以在原地跳动。
第⼀种:⼴告类型
思路:将需要固定的div做成悬浮框,⽬的是能和别的div块重合,然后当触发滚动条事件,动态改变div坐标。
代码:
jsp中:
<body>
<div id="div1">我不动</div>
<div>我动<div>
</body>
//有的将position设置成fixed,我试了试效果不如position好,设置z-index,向⾥的深度,我这⼉设置90,你要覆盖⼏个div,设置数⼤于那个数就⾏。
js中:
我这⼉⽤jquery写。
$(document).ready(function(){
js控制滚动条$(window).scroll(function(){//滚动时触发函数
$("#div1").css("top",$(document).scrollTop());//将滚动条⾼度赋给悬浮框。
})
})
导⼊jquery库,效果就出来了。
第⼆种:导航类型
<div>
<div >
我不动
</div>
<div >
我动
</div>
</div>
这⼉的不动模块的⾼度需要和下⾯动模块的padding-top设置⼀样的值,这⼀种不需要js控制.
进×××流:178483774
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论