请选择 进入手机版 | 继续访问电脑版

jQuery网页向下滚动导航固定顶部代码

[复制链接]
查看2298 | 回复0 | 2021-3-13 17:07 | 显示全部楼层 |阅读模式

jQuery网页向下滚动导航固定顶部代码

jQuery网页向下滚动导航固定顶部代码


jQuery网页向下滚动导航固定顶部代码是一款利用监测scrollTop距离进行导航栏的fixed固定来实现的js网站特效。


  1. js代码

  2. <script>
  3. $(function(){
  4.         var a = $('#nav'),
  5.                 b =a.offset();
  6.         $(document).on('scroll',function(){
  7.                 var        c = $(document).scrollTop();
  8.                 if(b.top<=c){
  9.                         a.css({'position':'fixed','top':'0px'})
  10.                         }else{
  11.                                 a.css({'position':'absolute','top':'300px'})
  12.                                 }
  13.                 })
  14.         })
  15. </script>
复制代码
jQuery网页向下滚动导航固定顶部代码.zip (35.14 KB, 下载次数: 614)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
436
贡献
4
丢币
318
主题
163
回帖
1
注册时间
2021-2-21
最后登录
2023-3-12