Страница улетает вверх, как исправить?

Question

[Сергей Ракипов]

В VS Code верстаю страницу, используя live server. И когда я вношу изменения, страница улетает вверх (к верхней границе браузера). Как исправить? Это не всегда происходит - иногда всё норм: внес изменение, в браузере они отобразились и страница на месте; а иногда страница поднимается вверх и приходится скролить опять к месту верстке.

Comments

[Anonymous Penguin]

Не нужно скроллить, нажми клавишу End на клавиатуре когда нужно добраться до конца страницы

[Сергей Ракипов]

Anonymous Penguin, это не всегда конец страницы, правки бывают и по середине. И вообще это не нормально что страницу бросает вверх. Не могу понять причины почему.

[Anonymous Penguin]

Сергей Ракипов, я с VSCode не работал, но это напоминает поведение при очистке кеша страницы - пропадает информация о скролле и браузер перекидывает тебя в начало

[Сергей Ракипов]

Anonymous Penguin, А какие причины могут заставлять так браузер себя вести?

[Anonymous Penguin]

Сергей Ракипов, ну либо что-то с твоим браузером или системой, либо плагин так себя ведет. Попробуй NPM-пакет live-server в папке проекта:
npx live-server . --port=3000
Этот пакет следит за изменениями в проекте и так же автоматически обновляет страницу
(Только нужно установить NodeJS)

Answer 1

[Сергей Ракипов]

Вот что нашел может кому пригодится

VSCode Live Server: Disable scroll up on save

При использовании расширения Live Server для VS Code, замечали одну неприятную особенность.

Когда вы вносите изменения в код и сохраняетесь, страница прокручивается в начало. И если вы работали с блоками где-то посередине вам приходится каждый раз возвращаться к ним снова. Это неудобно если нужно сделать какие-то мелкие правки и до/после необходимо видеть сразу же.

Чтобы изменить это поведение, перейдите в File > Preferences > Settings
В списке Commonly Used выберете Extensions > Live Server Config
Найдите пункт Settings: Full Reload
и поставьте галочку ☑

Перезагрузите VS Code и вуаля. Страница перезагружается оставаясь на том же месте с которым вы работаете в данный момент.

Альтернативные способы
Через поиск:
Открыть настройки через Ctrl + , (запятая в англиской раскладке)

Ввести в поиск:
liveServer.settings.fullReload

Поставить галочку ☑
Перезагрузить VS Code.

Через settings.json:
В файле настроек редактора settings.json между фигурными скобками вставить:

"liveServer.settings.fullReload": true,

Не забудьте запятую в конце предыдущего правила и текущего на всякий случай ;)

fadmin.ru/vopros/kak-otklyuchit-avtomaticheskuyu-p...