滚动检测导航,向下滚动后,导航固定在头部

用户头像
郑州/三维设计师/8年前/447浏览
滚动检测导航,向下滚动后,导航固定在头部

滚动检测导航,向下滚动后,导航固定在头部

<s cript type="text/javas cript">

$(function(){var nav=$(".nav"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
  if(sc.scrollTop()>=100){  //单位px
    nav.addClass("fixednav"); 
   $(".navTmp").fadeIn(); 
  }else{
   nav.removeClass("fixednav");
   $(".navTmp").fadeOut();
  }})  })
  
  </s cript>



.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;}


2
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
钱包ui模板
Security Camera UI kit
UI 登录界面设计模板包
智能家居中心 简约 UI设计组件库
UI通用设计素材1
【新年UI图标】秒杀icon
【新年UI图标】钱包icon
【新年UI图标】体育icon
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
【新年UI图标】30个图标
高级表盘系列UI源文件
手表表盘UI系列
户外旅行飞机情侣假日出行
科技医疗透明柜UI界面设计
新能源APP应用UIKit
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
拟物风质感写实UI卡片合集源文件
【新年UI图标】礼物/活动icon
高级感金属拟物 UI设计组件库
【新年UI图标】旅行icon
【新年UI图标】汽车icon
你可能喜欢
大家都在看
登录注册