srcoll向上滑动窗口后向下滑动导航栏

时间:2017-07-31 07:01:23

标签: javascript

我无法管理向下滑动(显示)导航后使用精确的无线电向上滚动,例如我想在向上滚动100px之后向下滑动导航

if (enableChaser == 1 && tjq('#content').length > 0 && tjq('#main-menu ul.menu').length > 0) {
            var forchBottom;
            var chaser = tjq('#main-menu ul.menu').clone().hide().appendTo(document.body).wrap("<div class='chaser hidden-mobile'><div class='container'></div></div>");
            tjq('<h1 class="logo navbar-brand"><a title="Travelo - home" href="index.html"><img alt="" src="images/logo.png"></a></h1>').insertBefore('.chaser .menu');
            var forch = tjq('#content').first();
            forchBottom = forch.offset().top + 1;
            tjq(window).on('scroll', function () {
                var top = tjq(document).scrollTop();
                if (tjq(".chaser").is(":hidden") && top > forchBottom) {
                    tjq(".chaser").slideDown(300);
                    //chaser.fadeIn(300, shown);
                } else if (tjq(".chaser").is(":visible") && top < forchBottom) {
                    tjq(".chaser").slideUp(200);
                    //chaser.fadeOut(200, hidden);
                }
            });
            tjq(window).on('resize', function () {
                var top = tjq(document).scrollTop();
                if (tjq(".chaser").is(":hidden") && top > forchBottom) {
                    tjq(".chaser").slideDown(200);
                } else if (tjq(".chaser").is(":visible") && top < forchBottom) {
                    tjq(".chaser").slideUp(200);
                }
            });

            tjq(".chaser").css("visibility", "hidden");
            chaser.show();
            fixPositionMegaMenu(".chaser");
            tjq(".chaser .megamenu-menu").removeClass("light");
            //chaser.hide();
            tjq(".chaser").hide();
            tjq(".chaser").css("visibility", "visible");
        }

0 个答案:

没有答案