Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   меню перекрывает заголовки (https://javascript.ru/forum/jquery/60034-menyu-perekryvaet-zagolovki.html)

Giorgi 08.12.2015 11:59

меню перекрывает заголовки
 
Добрый день ! проблема вот в чем при обновлении сайта если кликнуть на меню он переходит на нужный блок но перекрывает заголовок если второй раз нажать то он опускается на своё место http://front-end.hol.es/landing/all/

рони 08.12.2015 12:45

Giorgi,
при первом клике -- скролл изменяет координаты scroll_el - поэтому позиционирование "ошибается" на величину которое вносит скрипт
$(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 100) $(".floating").css({top: '0px', position: 'relative'});
        else $(".floating").css({top: '-15px', position: 'fixed'});
    });

думайте над логикой как это обойти

что то типа изменить
$('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el

на
var top = $(scroll_el).offset().top;
if ( $(".floating").css('position') == 'relative') top -= 100; //100 подберите сами
$('html, body').animate({ scrollTop: top }, 500); // анимируем скроолинг к элементу scroll_el


Часовой пояс GMT +3, время: 00:47.