Липкая навигация при горизонтальной прокрутке - PullRequest
Новая
       20

Липкая навигация при горизонтальной прокрутке

0 голосов
/ 29 ноября 2018

У меня проблема с липкой горизонтальной панелью навигации.

Моя домашняя страница имеет большое изображение в заголовке, и моя липкая навигационная панель иногда прыгает в верхней части страницы, прежде чем она должна застрять, когда я начинаю прокручивать.У меня есть эта проблема только на главной странице, где это большое изображение в заголовке.На всех остальных страницах липкий navbar ведет себя нормально.

У меня эта проблема только в Firefox.Это сайт: https://scufita -rosie.ro Пожалуйста, помогите!Спасибо!

Это мой код для липкой навигационной панели: 

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");
                }
            }
         }
     });
   }
});

image-issue01 ; изображения issue02 .

...