水平滚动时出现粘滞导航问题

时间:2018-11-29 13:52:19

标签: javascript navigation navigationbar horizontal-scrolling sticky

水平导航栏有粘性。

我的主页的标题很大,有时我的粘性导航栏会跳到页面顶部,然后在我开始滚动时就应该粘住。 我仅在首页上有此问题,标题上有此大图。 在其他所有页面上,粘性导航栏均正常运行。

仅在Firefox中存在此问题。 这是站点:pd.crosstab 请帮忙!谢谢!

这是我的粘性导航栏代码:

var isStickMenu = true;

$(document).ready(function() {
if (typeof iqit_inlineh != 'undefined') {
    var s = $("#header");
    var pos = s.offset();
    var alreadySticky = false;

    $(window).scroll(function() {
        var windowpos = $(window).scrollTop();
        if (s.length) {
            if (!alreadySticky) {
                if (windowpos > pos.top + 200) {
                    alreadySticky = true;
                    if ($('#header').width() >= 985)
                        $('#page').css('margin-top', s.height());
                    s.addClass("sticky-header");
                }
            }
            if (alreadySticky) {
                if (windowpos <= pos.top) {
                    alreadySticky = false;
                    $('#page').removeAttr("style");
                    s.removeClass("sticky-header");
                }
            }
        }
    });
} else {
    var s = $("#iqitmegamenu-horizontal");
    var pos = s.offset();
    var scartp = (s.outerHeight() / 2) - 13;
    var alreadySticky = false;
    var scart = $("#shopping_cart_container");

    $(window).scroll(function() {
        var windowpos = $(window).scrollTop();
        if (s.length) {
            if (!alreadySticky) {
                if (windowpos >= pos.top) {
                    alreadySticky = true;
                    s.parent().height(s.height());
                    s.addClass("cbp-sticky");
                    scart.addClass("stickCart");
                    scart.css({
                        top: scartp + 'px'
                    });
                }
            }
            if (alreadySticky) {
                if (windowpos < pos.top) {
                    alreadySticky = false;
                    s.removeClass("cbp-sticky");
                    scart.removeClass("stickCart");
                    scart.removeAttr("style");
                    s.parent().removeAttr("style");
                }
            }
         }
     });
   }
});

https://scufita-rosie.ro; image-issue01

0 个答案:

没有答案