0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1176 Просмотров
*

Mehanick

  • Давно я тут
  • 840
  • 5 / 0
http://joomlaforum.ru/index.php/topic,329522.0.html

Собственно вот тема с проблемой

адрес сайта tur-3d.ru

Оплата 150 руб за помощь по решению

Есть прилипающее меню с якорными ссылками (лендинг),  если в меню  нажать на ссылки, то переход идет ниже чем нужно, закрывая часть блока лендинга.

В код плавной прокрутки добавил -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;
   });
});
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Так попробуйте

Код: javascript
jQuery(document).ready(function() {
   jQuery('a[href^="#am"]').click(function(){
      var target = jQuery(this).attr('href');
      if ( jQuery(this).parents('#menubar').hasClass('bounce') ) {
jQuery('html, body').animate({scrollTop: jQuery(target).offset().top - 50}, 500);
      } else {
jQuery('html, body').animate({scrollTop: jQuery(target).offset().top}, 500);
      }
  return false;
   });
});
*

Mehanick

  • Давно я тут
  • 840
  • 5 / 0
Здравствуйте, заменил код на ваш, но к сожалению это проблему не решило, заплачу за рабочий вариант.

Можете саму убедиться, ваш вариант сейчас на сайте
*

Mehanick

  • Давно я тут
  • 840
  • 5 / 0
в общем удалось решить заменив

} else {
      jQuery('html, body').animate({scrollTop: jQuery(target).offset().top}, 500);
      }

на

} else {
      jQuery('html, body').animate({scrollTop: jQuery(target).offset().top - 100}, 500);
      }
*

Mehanick

  • Давно я тут
  • 840
  • 5 / 0
Кидайте Яндекс кошелек я вам переведу 150 рублей
*

Mehanick

  • Давно я тут
  • 840
  • 5 / 0
Перевел 150 руб

Объясни пожалуйста зачем в этой строке нужно .parents ?

if ( jQuery(this).parents('#menubar').hasClass('bounce') )
« Последнее редактирование: 13.08.2016, 10:54:51 от Mehanick »
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
.parent() выбирает непосредственного предка
.parents() всех.
.parents('#menubar') — выбрать предка с таким-то id
.hasClass('bounce') — проверяем наличие класса. Когда стикибар прилипает, там некоторые классы добавляются.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Отредактировать модуль меню под bootstrap 4

Автор si@m

Ответов: 1
Просмотров: 483
Последний ответ 26.03.2021, 15:51:13
от gartes
Устранить дублирование title="" в главном меню

Автор KALIBUS

Ответов: 2
Просмотров: 621
Последний ответ 14.03.2020, 16:25:15
от KALIBUS
Меню сайта

Автор Аркадий

Ответов: 0
Просмотров: 631
Последний ответ 18.01.2018, 16:33:35
от Аркадий
Компонент меню ресторана для Joomla

Автор wishlight

Ответов: 9
Просмотров: 1519
Последний ответ 18.10.2017, 10:29:38
от Septdir
Допилить меню

Автор meloman

Ответов: 4
Просмотров: 716
Последний ответ 19.09.2017, 17:15:04
от meloman