当前位置:主页 > 建站知识 > 前端技术 > 前端技术
js实现PC端网站导航栏置顶固定
正月二十四2021-05-25【前端技术】人已围观
简介js实现PC端网站导航栏制定固定
<script type="text/javascript"> $(function(){ var nav=$(".nav_main"); //得到导航对象(更换为对应的类名称) var win=$(window); //得到窗口对象 var sc=$(document);//得到document文档对象。 win.scroll(function(){ if(sc.scrollTop()>=100){ nav.addClass("fixednav"); }else{ nav.removeClass("fixednav"); } }) }) </script> <style> .fixednav { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; } </style>
很赞哦! ()
上一篇:a标签点击不跳转的几种方法
下一篇:js图片横向轮播效果