页面向下滚动到指定位置,div固定在最顶部的jQuery代码

洪七公 · 发表于 2022-5-6 23:30:20

简单粗暴有效的代码，有了这个代码别的地方不需要看了，可美化度很高！

直接上代码吧！

<style type="text/css">
*{ margin:0 0 0 0;}
</style>
<script src="js/jquery-1.11.3.min.js"></script>
<div style=" height:350px; background-color:#0000FF"></div>
<ul id="nav" style="height:60px;background:#0F9;position:absolute;width:100%;">
123456
</ul>
<div style=" height:350px; background-color:#0000FF; margin-top:60px;">123456789</div>
<div style=" height:300px; background-color: #FF0000">123456789</div>
<script>
$(function(){
var a = $('#nav'),
b =a.offset();
$(document).on('scroll',function(){
var c = $(document).scrollTop();
if(b.top<=c){
a.css({'position':'fixed','top':'0px'})
}else{
a.css({'position':'absolute','top':'350px'})
}
})
})
</script>