<tr id="frcqn"></tr>
<strong id="frcqn"><optgroup id="frcqn"></optgroup></strong>
<tr id="frcqn"></tr>
<tr id="frcqn"></tr>
<tr id="frcqn"></tr>
  • 0712-2888027 189-8648-0214
    微信公眾號

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

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

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

    時間:2024-01-12來源:風信官網 點擊: 343次
    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 頭部滾動固定
    欄目列表
    推薦內容
    熱點內容
    展開
    强奸乱伦之影音先锋,播放器男女免费,精品一区二区自拍偷拍,xxxxx日韩
    <tr id="frcqn"></tr>
    <strong id="frcqn"><optgroup id="frcqn"></optgroup></strong>
    <tr id="frcqn"></tr>
    <tr id="frcqn"></tr>
    <tr id="frcqn"></tr>