全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jQuery导航条固定定位效果实例代码

实现效果图:


向下滑动时,导航栏固定

代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
      *{
        margin: 0;
        padding: 0;  
      }
      img{
        display: block;
        margin: 0 auto;
      }
      img#search.dhgd{
        position: fixed;
        left: 50%;
        margin-left: -596px;
        top: 0px;
      }
    </style>
    <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      $(function(){
//        给浏览器加滚动条事件
        $(window).scroll(function(){
          //获得当前已滚动上去的距离
          var t = $(document).scrollTop();
          console.log('=================='+t)
          if(t>126){
            $("#search").addClass('dhgd');
          }else{
            $("#search").removeClass('dhgd');
          }
        })
      })
    </script>
  </head>
  <body style="background: #F1F1F1;">
    ![](imgs/img01.png)
    ![](imgs/img02.png)
    ![](imgs/img03.png)
  </body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# jquery  # 固定导航条  # jQuery导航条固定定位  # jquery固定定位  # 基于jQuery实现定位导航位置效果  # 基于JQuery和原生JavaScript实现网页定位导航特效  # jQuery网页定位导航特效实现方法  # jquery实现网页定位导航  # jQuery仿京东商城楼梯式导航定位菜单  # jquery实现企业定位式导航效果  # 大家多多  # 滚动条  # margin  # padding  # img  # text  # css  # type  # display  # position  # fixed  # left  # dhgd  # block  # auto  # search  # xhtml  # lt  # DOCTYPE  # brush 


相关文章: 如何通过VPS建站实现广告与增值服务盈利?  如何在云主机上快速搭建网站?  如何用PHP快速搭建CMS系统?  C#怎么使用委托和事件 C# delegate与event编程方法  高端智能建站公司优选:品牌定制与SEO优化一站式服务  已有域名和空间如何搭建网站?  如何通过虚拟主机空间快速建站?  专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何构建满足综合性能需求的优质建站方案?  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好?  智能起名网站制作软件有哪些,制作logo的软件?  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  高端企业智能建站程序:SEO优化与响应式模板定制开发  如何通过可视化优化提升建站效果?  如何快速生成凡客建站的专业级图册?  为什么Go需要go mod文件_Go go mod文件作用说明  已有域名建站全流程解析:网站搭建步骤与建站工具选择  独立制作一个网站多少钱,建立网站需要花多少钱?  香港服务器建站指南:免备案优势与SEO优化技巧全解析  如何在阿里云虚拟主机上快速搭建个人网站?  公司网站建设制作费用,想建设一个属于自己的企业网站,该如何去做?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  如何选择服务器才能高效搭建专属网站?  c++怎么用jemalloc c++替换默认内存分配器【性能】  建站主机功能解析:服务器选择与快速搭建指南  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  ,怎么在广州志愿者网站注册?  制作假网页,招聘网的薪资待遇,会有靠谱的吗?一面试又各种折扣?  枣阳网站制作,阳新火车站打的到仙岛湖多少钱?  济南专业网站制作公司,济南信息工程学校怎么样?  制作宣传网站的软件,小红书可以宣传网站吗?  如何通过智能用户系统一键生成高效建站方案?  建站主机是什么?如何选择适合的建站主机?  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  如何通过NAT技术实现内网高效建站?  如何制作网站标识牌,动态网站如何制作(教程)?  如何零成本快速生成个人自助网站?  建站主机选虚拟主机还是云服务器更好?  如何正确选择百度移动适配建站域名?  广州营销型建站服务商推荐:技术优势与SEO优化解析  php json中文编码为null的解决办法  制作网站的过程怎么写,用凡科建站如何制作自己的网站?  建站168自助建站系统:快速模板定制与SEO优化指南  图册素材网站设计制作软件,图册的导出方式有几种?  深圳网站制作案例,网页的相关名词有哪些?  h5在线制作网站电脑版下载,h5网页制作软件?  如何解决ASP生成WAP建站中文乱码问题?  金*站制作公司有哪些,金华教育集团官网?  Python路径拼接规范_跨平台处理说明【指导】  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。