javascript Корректнаявысотаокнаvhвмобильныхбраузерах

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Корректнаявысотаокнаvhвмобильныхбраузерах相关的知识,希望对你有一定的参考价值。

.my-element {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}
// Этот вариант НЕ требует перезагрузку страницы после поворота устройства, НО есть скачек при скроле
// Сначала мы получаем высоту окна просмотра и умножаем ее на 1%, чтобы получить значение для каждой единицы
let vh = window.innerHeight * 0.01;
// Затем мы устанавливаем значение в пользовательском свойстве --vh в корневой каталог документа
document.documentElement.style.setProperty('--vh', `${vh}px`);

// Мы слушаем событие resize
window.addEventListener('resize', () => {
// Мы выполняем тот же сценарий
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
});


// Этот вариант требует перезагрузку страницы после поворота устройства, ЗАТО нет скачка при скроле

// Сначала мы получаем высоту окна просмотра и умножаем ее на 1%, чтобы получить значение для каждой единицы
let vh = window.innerHeight * 0.01;
// Затем мы устанавливаем значение в пользовательском свойстве --vh в корневой каталог документа
document.documentElement.style.setProperty('--vh', `${vh}px`);

以上是关于javascript Корректнаявысотаокнаvhвмобильныхбраузерах的主要内容,如果未能解决你的问题,请参考以下文章

swift Вконечномсчетеярешил,чтоэтопростаярекурсия。 Надругихязыкахрекурсиюяреализовывал。 Пробуюнасвифт

html Картинкапривыполненииajaxзапроса$ b $bпредзагрузчик。 $ b $bскрытаякартинкапоявляетсяпривызовеиз

php Кастомныйконтролдлядобавленияслайдеракартиноквкастомайзер

php Фиксированныйблок,которыйпоявляетсякакмагия

javascript Яндекспереводпривыделениитекста(Автоматически)

javascript ОтменяемкликпоВСЕМссылкам,скриптдляверстки