Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.08.2016, 13:58
Интересующийся
Отправить личное сообщение для Ingener Посмотреть профиль Найти все сообщения от Ingener
 
Регистрация: 26.12.2015
Сообщений: 20

Фиксированное всерху меню наезжает на блоки с якорными ссылками
Делаю лендинг на Joomla

сделал прилипающее меню с якорными ссылками, но при нажатии происходит наложение на ширину меню

Код прилипающего меню
jQuery(document).ready(function() {
var start_pos=jQuery('#menubar').offset().top;
 jQuery(window).scroll(function(){
  if (jQuery(window).scrollTop()>=start_pos && jQuery(window).width() > 768) {
      jQuery('#menubar').addClass('navbar-fixed-top');
  }
      else jQuery('#menubar').removeClass('navbar-fixed-top');
 });
});


Код плавной прокрутки

jQuery(document).ready(function() {
   jQuery('a[href^="#am"]').click(function(){
      var target = jQuery(this).attr('href');
      jQuery('html, body').animate({scrollTop: jQuery(target).offset().top}, 500);
      return false;
   });
});
Ответить с цитированием
  #2 (permalink)  
Старый 12.08.2016, 14:01
Интересующийся
Отправить личное сообщение для Ingener Посмотреть профиль Найти все сообщения от Ingener
 
Регистрация: 26.12.2015
Сообщений: 20

Подсказали решение для кода плавной прокрутки добавить .offset().top + 50

jQuery(document).ready(function() {
   jQuery('a[href^="#am"]').click(function(){
      var target = jQuery(this).attr('href');
      jQuery('html, body').animate({scrollTop: jQuery(target).offset().top + 50}, 500);
      return false;
   });
});


Решение работает, но к сожалению только если меню постоянно фиксированное, если оно прилипающее - то работает ТОЛЬКО если нажмешь на кнопку меню когда меню уже прилипло, если до того как оно прилипло, например сразу после загрузки страницы - то наложение остается.

Помогите решить проблему пожалуйста, нигде не могу найти инфу.
Ответить с цитированием
  #3 (permalink)  
Старый 12.08.2016, 14:05
Интересующийся
Отправить личное сообщение для Ingener Посмотреть профиль Найти все сообщения от Ingener
 
Регистрация: 26.12.2015
Сообщений: 20

Забыл написать вот сайт на котором это видно

http://tur-3d.ru/
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фиксированное меню и скроллинг к якорям seahunter jQuery 1 02.03.2016 20:18
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 15:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59
Выделение активных пунктов многоуровневого меню на jQuery Letto Элементы интерфейса 2 04.12.2013 15:30
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36