[Решено] Как починить липкий хедер?

Тема в разделе "Joomla", создана пользователем Sano76, 2 дек 2020.

Статус темы:
Закрыта.
  1. Sano76

    Sano76

    Регистрация:
    1 дек 2020
    Сообщения:
    2
    Симпатии:
    0
    Есть сайт на Joomla! 3.9.19. Использован шаблон SJ-Idoctor, демо https://demo.smartaddons.com/templates/joomla3/sj-idoctor/index.php/home/home-layout-2
    Работает на фреймфорке Helix3 и там функция Sticky Header включена. Но в шаблоне липкость не работает.
    На демо у разраба точно также. При плавной прокрутке вроде бы начинает прилипать, но потом отскакивает. Подскажите, где подправить?
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    в main.js
    HTML:
    // if sticky header
        if ($("body.sticky-header").length > 0) {
            if($('#sp-header').length > 0){
            var fixedSection = $('#sp-header');
            } else if ($('#sp-menu-home2').length) {
            var fixedSection = $('#sp-menu-home2');
            }
            // sticky nav
            var headerHeight = fixedSection.outerHeight();
            var stickyNavTop = fixedSection.offset().top;
            fixedSection.addClass('animated');
            fixedSection.before('<div class="nav-placeholder"></div>');
            $('.nav-placeholder').height('inherit');
            //add class
            fixedSection.addClass('menu-fixed-out');
            var stickyNav = function () {
                var scrollTop = $(window).scrollTop();
                if (scrollTop > stickyNavTop) {
                    fixedSection.removeClass('menu-fixed-out').addClass('menu-fixed');
                    $('.nav-placeholder').height(headerHeight);
                } else {
                    if (fixedSection.hasClass('menu-fixed')) {
                        fixedSection.removeClass('menu-fixed').addClass('menu-fixed-out');
                        $('.nav-placeholder').height('inherit');
                    }
                }
            };
            stickyNav();
            $(window).scroll(function () {
                stickyNav();
            });
        }
    заменить на:
    HTML:
    $('#sp-menu-home2').sticky({topSpacing:0});
     
    Zulus нравится это.
  3. Sano76

    Sano76

    Регистрация:
    1 дек 2020
    Сообщения:
    2
    Симпатии:
    0
    Вот спасибо, сработало!
     
Статус темы:
Закрыта.