Как отменить перемещение к якорю?

Question

[mfedchuk]

Есть якорь. Нужно чтобы при нажатии на соответственную ссылку, хеш в адресную строку добавлялся, а физический скрол не осуществлялся . Вот то что нашел на просторах интернета и сколотил в одно. Работает с багами. Есть более универсальное решение?

$('a[href^="#img"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();

    var target = this.hash,
    $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': window.pageYOffset});
        window.location.hash = target;
});

Answer 1

[Виталий Инчин ☢]

$('a[href^="#img"]').on("click.smoothscroll", function(e) {
    e.preventDefault();
    location.hash = this.hash;
});

Comments

[mfedchuk]

Попробовал реализовать вашим способом. Даже если просто поменять bind() на on() перестает работать.
// 'scrollTop' : window.pageYOffset - Скроллить до текущей прокрутки? What?
По сути так и есть. Нужно чтобы пользователь оставался на текущей позиции скрола при нажатии, а так как прокручивает к якорю, написав чтоб прокручивало к текущему значению. Костыли, конечно, но пока свои руки не выпрямлю будет все приблизительно на таком уровне.

[Виталий Инчин ☢]

mfedchuk: достаточно e.preventDefault() для отмены скролла к якорю.

[mfedchuk]

Виталий Инчин ☢: e.preventDefault() отменяет также и изменение хеша в адресной строке. Нужно чтобы и хеш менялся и прокрутка не происходила.

[Виталий Инчин ☢]

mfedchuk: я к тому, что animate совершенно лишнее.

[mfedchuk]

Виталий Инчин ☢: Возможно, но тогда я без понятия как сохранить хеш и отменить прокрутку.

[mfedchuk]

К сожалению не работает. Хеш меняется. И прокрутка имеет место быть

[Виталий Инчин ☢]

mfedchuk: у меня все работает: jsfiddle.net/In4in/0c139L9r

[mfedchuk]

Тогда можно отметить как решение, а я пока у себя пороюсь что не так
Спасибо)