亚洲精品国产综合精品99,91精品国产高清自,人妖一区二区在线,欧美日韩国产福利在线观看

  1. <acronym id="auclz"></acronym>
      <sup id="auclz"><dl id="auclz"><pre id="auclz"></pre></dl></sup>
      0712-2888027 189-8648-0214
      微信公眾號(hào)

      孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

      當(dāng)前位置:主頁(yè) > 技術(shù)支持 > Javascript/JQuery > Jquery頭部滾動(dòng)固定的實(shí)現(xiàn)代碼片段

      Jquery頭部滾動(dòng)固定的實(shí)現(xiàn)代碼片段

      時(shí)間:2018-03-27來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 658次
      Jquery頭部滾動(dòng)固定的實(shí)現(xiàn)代碼片段,以下代碼為項(xiàng)目開(kāi)發(fā)中的片段,實(shí)現(xiàn)方法思路僅供參考。

      //頭部固定
      var animateFlag = 1;
      $(document).scroll(function () {
          var scrollTop = $(document).scrollTop();
          if (scrollTop > 65) {
              $("#header").addClass('header-fixed');
              if (animateFlag) {
                  animateFlag = 0;
                  $("#header").stop().animate({
                      'top': '0px'
                  }, 500);
              }
          } else {
              if (animateFlag == 0) {
                  animateFlag = 1;
                  $("#header").removeClass('header-fixed');
                  $("#header").animate({
                      'top': '-65px'
                  }, 500);
              }
          }
      });

      // 頭部導(dǎo)航懸浮
      function fixed() {
          var scrollTop = $(document).scrollTop();
          if (scrollTop > 140) {
              $("#new-header").addClass("header-fixed");
              $('#body-container').css('padding-top', '60px');
          }
          else {
              $("#new-header").removeClass("header-fixed");
              $('#body-container').css('padding-top', '0');
          }
      }

      fixed();
      $(window).scroll(function () {
          fixed();
      });
      熱門(mén)關(guān)鍵詞: Jquery 頭部滾動(dòng)固定

      您可能感興趣的相關(guān)文章:

      欄目列表
      推薦內(nèi)容
      熱點(diǎn)內(nèi)容
      展開(kāi)