При document.location.href и document.location.reload браузер не скролит к якорю. почему?

Question

[Jonh Doe]

Есть у меня вот такое

function anchorReload(anchor) {
		var tabValue = document.URL;
		window.location = tabValue.substring(0, tabValue.lastIndexOf("#"));
		window.location.hash = "#"+anchor;
		location.reload();
	}

рефрешится все нормально, но к анкору не скролит.
Почему?

Comments

[Евгений Петров]

Вы уж извините за дичь. Более не буду вам досаждать. Используйте animate — это круто.

[Jonh Doe]

Евгений Петров: нет уж, спасибо, я поищу вариант без анимации и sessionStorage.

[Илья Шатохин]

Ugputu: если у вас не работает "window.location.hash = anchor", значит у вас где-то перехватывается событие скролла. Не видя весь ваш код, никто не сможет вам помочь. Для скролла по хешу не нужно рефрешить.

[Илья Шатохин]

Евгений Петров: смотрите, человек взял решение, которое я написал в комментариях (пока вы не грохнули тред) и пометил как свое. Гениально!

[Евгений Петров]

Илья Шатохин: Так бывает... Кстати, лучше оставляй ответ отдельно:)

[Илья Шатохин]

Евгений Петров: да мне в целом все равно, просто забавно, что человек целый час морочил нам голову, чтобы потом вместо признания своей неправоты так поступить.

p.s. только непонятно, зачем хеш то снимать, и почему не сделать в одну строчку, как в твоем изначально варианте с "location =".

[Евгений Петров]

Илья Шатохин: Он снимает хэш, я так не предлагал. Хотя технически можно было просто дописать GET-параметр левый и при открытии страницы replaceState() делать, убирая его.
Впрочем, мне не понравился стиль общения, так что я не хочу участвовать в обсуждении вопросов этого человека.

[Илья Шатохин]

Евгений Петров: я там написал ответ, оказывается, в webkit браузерах появился баг с хешами

Answer 1

[Илья Шатохин]

Надо было сразу обратится к google:

webkit браузеры игнорируют прямую установку hash. Чтобы обойти этот баг, надо использовать такой хак:

function setHash(newHash) {
    location.hash = 'someHashThatDoesntExist'; // несуществующий хеш или пустой хеш (как вы правильно делаете в своем же ответе)
    location.hash = newHash;
}

if (location.hash) { // на случай рефреша
  document.addEventListener("DOMContentLoaded", function(event) { 
    setHash(location.hash);
  });
}

Comments

[Jonh Doe]

safari. Если рефрешить то позиция скролла возвращается к предыдущей, а не к анкору. в Chrome, Opera, FF все работает как надо.

Answer 2

[Jonh Doe]

Все оказалось просто.

// в функции
    window.location.hash = ''; // снимаем хеш
    window.location.hash = '#comment55'; // ставим нужный
    window.location.reload(true); // рефрешим

Однако это работает только в FireFox. А в Google Chrome, Safari, Opera этот прием не работает.