<dl id="11fd5"></dl>
<noframes id="11fd5"><video id="11fd5"></video>
<dl id="11fd5"><i id="11fd5"><delect id="11fd5"></delect></i></dl>
<dl id="11fd5"></dl>
<dl id="11fd5"><i id="11fd5"></i></dl><video id="11fd5"><i id="11fd5"><delect id="11fd5"></delect></i></video><video id="11fd5"></video>
<dl id="11fd5"></dl>
<video id="11fd5"></video>
<video id="11fd5"><dl id="11fd5"><delect id="11fd5"></delect></dl></video><dl id="11fd5"></dl> <i id="11fd5"></i><dl id="11fd5"><i id="11fd5"></i></dl>
<dl id="11fd5"><delect id="11fd5"></delect></dl>
<dl id="11fd5"></dl>
<i id="11fd5"><i id="11fd5"></i></i>
<dl id="11fd5"><i id="11fd5"></i></dl>
0712-2888027 189-8648-0214
微信公眾號

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

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

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

時間:2023-01-28來源:風信官網 點擊: 268次
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 頭部滾動固定
欄目列表
推薦內容
熱點內容
展開
亚洲欧美日韩在线观看播放