国产免费又爽又刺激在线观看,免费一级毛片在线播放放视频,最近日本免费观看高清视频,亚洲无码视频观看

<ruby id="cmmwe"></ruby>

  • <var id="cmmwe"></var>
    <b id="cmmwe"></b>
    <source id="cmmwe"><track id="cmmwe"><ins id="cmmwe"></ins></track></source>

      1. 0712-2888027 189-8648-0214
        微信公眾號

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

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

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

        時間:2018-03-27來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 658次
        Jquery頭部滾動固定的實(shí)現(xiàn)代碼片段,以下代碼為項(xiàng)目開發(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();
        });
        熱門關(guān)鍵詞: Jquery 頭部滾動固定
        欄目列表
        推薦內(nèi)容
        熱點(diǎn)內(nèi)容
        展開