Я искал вокруг и не могу найти ответ.
При создании приложения с фиксированными html и body, но с возможностью прокрутки div:
html, body { width: 100vw; height: 100vh; overflow: hidden; }
.inside { height: calc( 100vh - 8em ); overflow-y: scroll; }
Когда я пытаюсь прокрутить к вершине div который выводит ответное сообщение, кажется, что он перемещается только на ~ 200 пикселей вверх, но не полностью вверх:
Итак, чтобы объяснить GIFвыше, когда пользователь прокручивает вниз и отправляет форму, он перемещается только немного вверх по форме. Затем я прокрутил вручную до верха, чтобы показать #response div (зеленая полоса). Когда GIF обновляется, вы можете видеть, что он немного заканчивается при первоначальном подталкивании.
Мой jQuery из ajax:
$( ".inside" ).animate({
scrollTop: $( "#response" ).top
}, "slow" );