Всем привет! 👋 Сегодня расскажем о ещё одной фиче, которую мы добавили на сайт IZUM STUDY с помощью Taptop. Это мы сейчас про плавный скролл (или smooth scroll) Lenis

Lenis — JS-библиотека для создания плавных скроллов. Прокрутка по умолчанию следует чётко за колёсиком. А с Lenis — будет немного отставать.

Lenis поможет сделать анимацию на странице эффектнее. Ещё с его помощью можно связать между собой дизайн-элементы. Например, на сайте IZUM STUDY плавный скролл перекликается с таким же плавным развёртыванием меню (подробнее о нём — в другом посте).

В отличие от многих других видов плавного скролла, Lenis хорошо сочетается с тачпадом. А ещё эта библиотека регулярно обновляется. Поэтому скролл не будет слетать в последних версиях браузеров.

О чём важно помнить?
▪️Не перебащивайте: не всем заходит, когда страница прокручивается слишком туго или плавно. На простых сайтах без анимации плавный скролл вообще не нужен.

▪️Плавный скролл обычно используют только для ПК-версии. У девайсов с тачскринами есть своя внутренняя прокрутка. Чтобы один скролл не накладывался на другой, нужно отключить smooth scroll во всех адаптивных версиях.

▪️Чтобы плавный скролл работал в Safari, нужно прописать дополнительные стили в скрипте. Там же можно настроить характеристики скролла — например, отрегулировать плавность и жёсткость.

Скрипты — в комментах 👀