导航栏下拉至一定高度后固定在顶部的jquery特效

2018-05-1420:22:20WEB前端开发Comments2,401 views字数 376阅读模式

JS部分:
<script type="text/javascript">
$(function(){
var nav=$("#nav"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
if(sc.scrollTop()>=100){
nav.addClass("fixednav");
$(".navTmp").fadeIn();
}else{
nav.removeClass("fixednav");
$(".navTmp").fadeOut();
}
})
})
</script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/3454.html

CSS部分
.fixednav {
position: fixed !important;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/3454.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/3454.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定