Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Плавный скролл после нажатия на якорную ссылку не работает (https://javascript.ru/forum/jquery/67748-plavnyjj-skroll-posle-nazhatiya-na-yakornuyu-ssylku-ne-rabotaet.html)

Giorgi 06.03.2017 08:36

Плавный скролл после нажатия на якорную ссылку не работает
 
Доброе время суток! плавный скролл после нажатия на якорную ссылку не работает, есть меню которому хочу применить плавный скроллинг, но скрипты которые применил они как бы замораживают переход по ссылке, менял и jquery версии но ничего не меняется .

Верхняя меню http://front-end.hol.es/adaptive/legions/

$(function() {
  $('.top_menu ul li a').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').stop().animate({
          scrollTop: target.offset().top
        }, 1500);
        return false;
      }
    }
  });
});

рони 06.03.2017 09:35

Giorgi,
хром не любит http://front-end.hol.es/adaptive/legions/css/style.css строка 9
overflow-x: hidden;

Giorgi 06.03.2017 19:31

Большое спасибо, благодаря вашему совету проблема решилась :dance:

Mopc20 02.11.2018 13:19

Спасибо, столкнулся с похожей проблемой и все никак не мог понять почему странно себя ведет мой скрипт при плавном скролле. Оказалось дело в overflow-x


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