首页 > 自学笔记 > 前端 > 顶部导航滚动时显示阴影JS

顶部导航滚动时显示阴影JS

时间:2022-07-11 22:50:29 阅读:0 点赞:0 发布:FAN
$(document).ready(function(){
    $(window).scroll(function(){
     if ($(document).scrollTop() >= 70) {
      if (document.documentElement.clientWidth > 750) {
       $(".f2").css({
       "position":"fixed",
       "z-index":"999",
       "box-shadow":"0 0 15px rgba(0,0,0,0.1)"
       });
      }else{
       $(".f2").css({
       "position":"fixed",
       "z-index":"999",
       "box-shadow":"0 0 0.2rem rgba(0,0,0,0.1)"
       });
      }
      
     }else{
      $(".f2").css({
       "position":"fixed",
       "border-bottom":"none",
       "box-shadow":"none"
       });
     }
    });
   });

上一篇:没有了

下一篇:常用css代码

热门笔记MORE >