Я использовал Vue для создания своего сайта, и настольная версия работает отлично.При тестировании на мобильных IOS Safari и Chrome страница немного подпрыгивает при первой прокрутке вниз.Андроид работает нормально.Эта проблема не возникает при второй прокрутке вниз, прежде чем обновить страницу.Эта проблема также не возникнет, если вы протестируете ее на рабочем столе с помощью инструментов разработчика.
На странице профиля сайта такой проблемы нет.
Я сделал запись экрана поведения: https://drive.google.com/file/d/1B93xtwF8f2VWAVegLbsZFULn3TymUCNZ/view?usp=sharing
Я преобразовал все значения vh в px, чтобы предотвратить перекомпоновку браузера следующим образом:
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', $ {vh} px );
это исправило мой макет, но не помогло с проблемой прыжков.
Я также пытался установить фиксированную высоту для тела, назначая значения высоты CSS с помощью метода Jquery .css, когда фиксированная высота выше фактического содержимого, этой проблемы не возникает.
Мне жаль, что у меня нет фрагмента, чтобы воспроизвести эту проблему, я понятия не имею, где проблема вообще.URL моего сайта: https://www.jingqi.work
Ожидаемый результат будет без движения вверх при прокрутке вниз, в основном как поведение страницы профиля.