Как заставить срабатывать href#?

Question

[kursof1]

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

я так понимаю что это из за того что не добавляется в браузере /site.com/#test как включить это добавление?

$('a[href^="#"]').click(function () {
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top - 250 }, 800);
return false;
});

jsfiddle.net/j9knzuh1/40

Answer 1

[Дмитрий]

return false; уберите

Comments

[kursof1]

оно дергаться начинает при клике. И че оно дрыгается?

[Дмитрий]

kursof1, потому что ссылки, которые начинаются с символа # - это ссылки на якоря. Якорь не найден - юраузер прокручивает к верху страницы, если найден - к якорю. Через установку return false вы говорите браузеру, что не надо исполнять действие по умолчанию, а надо после ваших кастомных действий остановиться. Попроубуйте добавить аргумент event в замыкание, а дальше перед var target написать event.preventDefault()

[kursof1]

Дмитрий,
вот так?

$('a[href^="#"]').click(function () {
event.preventDefault() var target = $(this).attr('href');
$('html, body').stop().animate({scrollTop: $(target).offset().top - 250 }, 800);
 });

[kursof1]

Дмитрий, Если вот так? только оно все равно не так работает,

$('a[href^="#"]').click(function () {
event.preventDefault() var target = $(this).attr('href');
window.location.hash=target;
$('html, body').stop().animate({scrollTop: $(target).offset().top - 250 }, 800);
return false;
});

[r_mustang]

kursof1

$('a[href^="#"]').click(function (e) {
  e.preventDefault();
  var target = $(this).attr('href');
  $('html, body').animate({scrollTop: $(target).offset().top - 250 }, 800);
});

Answer 2

[tyzberd]

тогда такой скрипт https://codepen.io/tyzberd/pen/vQwqXV
взял тут https://css-tricks.com/snippets/jquery/smooth-scro...