Как исправить скролл при 100vh из-за библиотеки Lenis?
Lenis это библиотека для smooth скролинга, все прекрасно работает, но она позволяет скролить страницу даже когда она 100vh
Соурс
Дополнительно:
Что-то типа этого
Соурс
Ответы:
Скролл у Вас на элементе html, там и надо добавлять overflow: hidden. Ну и для красоты
body { margin: 0; } |
body { margin: 0; }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для исправления проблемы со скроллом при использовании библиотеки Lenis и установленного значения высоты элемента в 100vh, можно попробовать следующие решения:
1. Попробуйте добавить следующий CSS стиль к вашему элементу, который имеет высоту 100vh:
.element { height: -webkit-fill-available; /* для Safari */ height: -moz-available; /* для Firefox */ height: stretch; /* для IE */ }
2. Если первый вариант не сработал, попробуйте использовать JavaScript для динамического изменения высоты элемента. Вот пример кода:
const element = document.querySelector('.element'); element.style.height = window.innerHeight + 'px'; window.addEventListener('resize', function() { element.style.height = window.innerHeight + 'px'; });
3. Возможно, проблема связана с настройками библиотеки Lenis. Проверьте документацию к библиотеке или обратитесь к разработчикам за поддержкой.
Надеюсь, одно из предложенных решений поможет вам исправить проблему со скроллом при использовании библиотеки Lenis и установленного значения высоты элемента в 100vh. Если у вас остались вопросы, не стесняйтесь задавать их.