Принудительная прокрутка страницы вверх при обновлении страницы в HTML

Question

Принудительная прокрутка страницы вверх при обновлении страницы в HTML

Я создаю веб-сайт, который я публикую с divs. когда я обновляю страницу после ее прокрутки до позиции X, страница загружается с позицией прокрутки как X.

Как я могу заставить страницу прокручиваться вверх при обновлении страницы?

то, что я могу думать о некоторых JS или jQuery работает как

2082 10

jQuery javascript html pageload page-refresh

10 ответов:

Comments

Ничего не найдено.

Pat · Accepted Answer · 2010-09-08 06:15:41

вы можете сделать это с помощью scrollTop метод on дом готов:
$(document).ready(function(){
    $(this).scrollTop(0);
});

ProfNandaa · Accepted Answer · 2016-10-09 16:07:45

простой простые реализация JavaScript:
window.onbeforeunload = function () {
  window.scrollTo(0, 0);
}

Ben · Accepted Answer · 2014-04-29 09:22:36

ответ здесь не работает для safari, документ.готовность часто срабатывает слишком рано.

нужно использовать beforeunload событие, которое мешает вам сформировать некоторые setTimeout
$(window).on('beforeunload', function(){
  $(window).scrollTop(0);
});

Ankitkumar Bhatt · Accepted Answer · 2013-05-29 07:53:00

вы также можете попробовать
$(document).ready(function(){
    $(window).scrollTop(0);
});
Если вы хотите прокрутить в позиции x, чем вы можете изменить значение от 0 до x.

jon3laze · Accepted Answer · 2010-09-08 06:15:16

Проверьте jQuery .scrollTop() функции здесь

это будет выглядеть примерно так
$(document).load().scrollTop(0);

xoxel · Accepted Answer · 2018-04-18 10:50:15

опять же, лучший ответ:

window.onbeforeunload = function () { window.scrollTo(0,0);

(это для не-jQuery, посмотрите, если вы ищете ofr метод JQ)

EDIT: небольшая ошибка его " onbeforunload" :) Chrome и другие браузеры "помнят" последнюю позицию прокрутки перед выгрузкой, поэтому, если вы установите значение 0,0 только перед выгрузкой вашей страницы, они будут помнить о 0,0 и не будут прокручиваться обратно туда, где была полоса прокрутки:)

DrPollit0 · Accepted Answer · 2017-01-12 14:12:19

ответ здесь(прокрутка в $(document).ready) не работает, если есть видео на странице. В этом случае страница прокручивается после этого события, отменяя нашу работу.

лучший ответ должен быть:
$(window).on('beforeunload', function(){
    $(window).scrollTop(0);
});

Nauphal · Accepted Answer · 2017-01-12 18:17:00

вместо location.reload(), просто использовать location.href = location.href. Он не будет прокручиваться до предыдущей позиции как location.reload() делает.

Примечание: это не будет перезагружаться, если есть какие-либо # в URL

harshes53 · Accepted Answer · 2016-01-27 00:47:30

<script> location.hash = (location.hash) ? location.hash : " "; </script>
поместите приведенный выше скрипт в <head> тег вашего html. Не уверен, как ведут себя одностраничные приложения! Но, конечно, работает как шарм на обычных страницах.

Daut · Accepted Answer · 2016-08-18 12:54:45

$(document).ready(function(){
    $(window).scrollTop(0);
});
не работает для меня, как google chrome будет просто прокрутить вниз после завершения загрузки страницы. То, что я использовал
$(document).ready(function() {
    var url = window.location.href;
    console.log(url);
    if( url.indexOf('#') < 0 ) {
        window.location.replace(url + "#");
    } else {
        window.location.replace(url);
    }
});
// это загружает страницу с # в конце. Поэтому он всегда будет загружаться сверху.