1. <p id="ijjhg"></p>
      <acronym id="ijjhg"></acronym>

    2. <p id="ijjhg"></p>
      <table id="ijjhg"><ruby id="ijjhg"><mark id="ijjhg"></mark></ruby></table>
      0712-2888027 189-8648-0214
      微信公眾號

      孝感風信網絡科技有限公司微信公眾號

      當前位置:主頁 > 技術支持 > Javascript/JQuery > Jquery頭部滾動固定的實現代碼片段

      Jquery頭部滾動固定的實現代碼片段

      時間:2024-07-05來源:風信官網 點擊: 541次
      Jquery頭部滾動固定的實現代碼片段,以下代碼為項目開發中的片段,實現方法思路僅供參考。

      //頭部固定
      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);
              }
          }
      });

      // 頭部導航懸浮
      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();
      });
      熱門關鍵詞: Jquery 頭部滾動固定
      欄目列表
      推薦內容
      熱點內容
      展開
      中文字幕第二页在线天堂中文_中文字幕制服丝袜在线观看_美女胸禁止18以下看免费国产_中日韩人妻一级毛片