Как можно решить проблему с прокруткой, которая возникает при использовании библиотеки Lenis и установке высоты контейнера на 100vh?

Как можно ограничить использование библиотеки Lenis только для скроллинга страницы, если она имеет высоту 100vh?
  • 2 сентября 2023 г. 10:46
Ответы на вопрос 2
Чтобы исправить проблему скролла при использовании библиотеки Lenis при 100vh, можно использовать CSS свойство `overflow: hidden` для элемента, к которому применяется библиотека.

Например, если вы настраиваете скроллинг для элемента с классом "lenis-scroll", вы можете добавить следующее правило CSS в ваш файл стилей:

.lenis-scroll {
  height: 100vh;
  overflow: hidden;
}

Таким образом, свойство `overflow: hidden` предотвратит появление скроллбара для элемента с классом "lenis-scroll" и обеспечит только использование скроллинга через библиотеку Lenis.

Убедитесь, что добавляете эти стили после подключения библиотеки Lenis, чтобы они имели приоритет перед стилями библиотеки.
Скройте скролл на элементе html, добавив свойство overflow: hidden.
Для достижения более аккуратного вида добавьте стиль body с margin: 0.
Похожие вопросы