超容易的导航栏下拉至一定高度后固定在顶部的特效
发布时间：2022-04-14 10:30:17 所属栏目：经验 来源：互联网
导读：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); $(.navT
|
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> CSS部分 .fixednav { position: fixed !important; top: 0px; left: 0px; width: 100%; z-index: 1; （编辑：牡丹江站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐