Я думаю, что это просто (может быть, очень просто). Но поскольку мои знания в 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>
Если да, то как я могу это сделать?
Благодарю.
Попробуйте заменить
$ ( 'А [href= #]: нет ([href= #])')
с
$ ( 'А [href= #] сглаживать:. Нет ([href= #])')
С помощью этого кода JQuery выбирает все ссылки, которые имеют класс, гладкий (что указано в css с помощью.smooth)
Теперь, спустя несколько лет, Foundation 6 поддерживает это из коробки: