window.location.hash = ""; предотвратить прокрутку вверх?

Question

на моем сайте я установить URL-адрес адрес с помощью

window.location.hash = 'project_name'; 

, но если я хочу, чтобы очистить Адрес URL из любых хэшей (когда я закрыть проект) и я установить

window.location.hash = ''; 

это случается прокрутки страницы вверху страницы

Есть ли способ очистить URL-адрес без какого-либо побочного эффекта?

благодаря

Answer 1

Там в onhashchange событие, но оно не может быть отменено надежно во всех браузерах, чтобы предотвратить прокрутку. Лучшим решением является запись положения прокрутки перед изменением местоположения хэша и последующим сбросом. Например, следующий код будет поймать нажмите на любую ссылку - это не остановить распространение - с HREF значением # и предотвратить страницу от прокрутки по вертикали:

document.onclick = function (evt) { 
    var tgt = (evt && evt.target) || event.srcElement, 
     scr = document.body.scrollTop; 

    if (tgt.tagName == "A" && tgt.href.slice(-1) == "#") { 
     window.location.href = "#"; 
     document.body.scrollTop = scr;   
     return false; 
    } 
} 

Если вы изменяете хэш через скрипт, вы можете использовать следующий код:

var scr = document.body.scrollTop; 
window.location.href = '#'; 
document.body.scrollTop = scr; 

Любой из этих методов может быть отрегулирован, чтобы избежать прокрутки отдельных элементов или горизонтально прокрутки страницы. Обратите внимание, что вы можетеremove the entire hash (включая #), не вызывая навигации или прокрутки в современных браузерах, вызывая функции pushState или replaceState.

Answer 2

У меня была такая же проблема, и я пришел сюда для ответа. Только что узнал, есть очень простой способ:

window.location.hash = ' '; 

основном Вы настраиваете его на «#», так как пространство не существует, он не двигается. Когда вы пересматриваете страницу, она также не относится к ней иначе, чем просто #

Answer 3

Прежде всего, спасибо за ваши решения - @ Andy-E и @JustMaier.

Однако у меня была проблема с его работой, основанной на втором блоке кода Andy E в Firefox и коде JustMaier в хроме.

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

var scr = document.body.scrollTop; 

window.location.hash = ' '; 

document.body.scrollTop = scr; 

Моих два цента, не взяв ничего от настоящих ниндзя JS, упомянутым выше. :)

Answer 4

document.body.scrollTop is deprecated, а также последние версии Chrome, по-видимому, нестабильны. Должно работать:

var topPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; 
    window.location.href = '#'; 
    document.documentElement.scrollTop = topPos;