Как сделать плавную прокрутку к анкору?

Question

[hsnz]

Коллеги, добрый день.
Нужно сделать плавный переход к анкору, код стоит:

$(document).ready(function(){
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 1500, 'swing', function () {
window.location.hash = target;
});
});
});

Суть в том, что он конфликтует с bootstrap.
Сейчас код стоит по все ссылки с # но я делал и конкретно на id все равно конфликт идет.

Ошибки:

Uncaught TypeError: $(...).stop is not a function
    at HTMLAnchorElement.<anonymous> (scripts.min.js:17)
    at HTMLAnchorElement.dispatch (scripts.min.js:3)
    at HTMLAnchorElement.q.handle (scripts.min.js:3)

Answer 1

[Евгений]

https://jsfiddle.net/nznohqo3/

Comments

[hsnz]

Спасибо за ответ.
Но суть в том, что вы заменили все ссылки в меню на плавную прокрутку.
А у меня меню состоит не только из анкоров.

[Евгений]

В таком случае, вы можете дать анкорным ссылкам какой-то класс, а в js сменить $(".menu a") на соответствующий класс.