Я разделил на половину страницы, как в этом пене:
https://codepen.io/sdras/pen/43c9d13b23bc34a85bb3a5e2ea985958
, но отключил привязку при прокрутке (не поддерживается полная поддержка кросс-браузеров) и сделал переключателькнопка для езды на велосипеде между двумя половинами (вертикальная навигация).Я сохранил большую часть CSS из пера (только немного изменил).
Проблема в том, что при изменении размера он отображает содержимое из текущего видового экрана и часть из предыдущего, в первом случае,Однако, как только я перемещаюсь, он принимает правильную высоту.Эта проблема также описана на рисунке выше - попробуйте выполнить навигацию вниз, затем измените высоту окна, а затем снова верните его, и вы увидите, что часть экрана, показанная выше, также отображается.
Любые мысли о том, как яможно это исправить?
Спасибо!
PS: я тоже не хочу перезагружать содержимое страницы.Я уже пробовал прокрутить страницу до конца, и она не работает: window.scrollTo(0, document.body.scrollHeight);