当前位置:主页 > 建站知识 > 前端技术 > 前端技术

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>

很赞哦! ()

相关文章

站点信息

  • 建站时间:2019-02-24
  • 网站程序:织梦CMS7.5
  • 主题模板
  • 文章统计:43 篇
  • 源码统计:2 篇
  • 微信号:扫描二维码