JS Smooth Scroll конфликтует с Фондом

0

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

Я использую этот код

$(function() {
  $('a[href*=#]:not([href=#])').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').animate({
          scrollTop: target.offset().top
        }, 6000);
        return false;
      }
    }
  });
});

Сделать гладкую прокрутку. Но проблема в том, что она также "развращает" вкладки/аккордеон из Фонда. Есть способ ограничить гладкий свиток только работой с классом, может быть? Например:

<a href="#home" class="smooth"></a>

Если да, то как я могу это сделать?

Благодарю.

Теги:

2 ответа

1
Лучший ответ

Попробуйте заменить

$ ( 'А [href= #]: нет ([href= #])')

с

$ ( 'А [href= #] сглаживать:. Нет ([href= #])')

С помощью этого кода JQuery выбирает все ссылки, которые имеют класс, гладкий (что указано в css с помощью.smooth)

  • 0
    Спасибо! Это решило проблему :)
0

Теперь, спустя несколько лет, Foundation 6 поддерживает это из коробки:

https://foundation.zurb.com/sites/docs/smooth-scroll.html

Ещё вопросы

Сообщество Overcoder
Наверх
Меню