jQuery网页向下滚动导航固定顶部代码是一款利用监测scrollTop距离进行导航栏的fixed固定来实现的js网站特效。
- js代码
- <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':'300px'})
- }
- })
- })
- </script>
jQuery网页向下滚动导航固定顶部代码.zip (35.14 KB) 