@nekritik

Как сделать такой скроллинг?

В одном веб приложение(landingi.com) увидел кое-какую вещь, которая меня заинтересовала, а именно - прокрутка(скроллинг). В этом приложение есть панель инструментов(иконки) и если эта панель не помещается в экран, то с верху и с низу появляются кнопки(стрелки) для скроллинга.

Вот скрин ca1ec101770a4c41aa8cfecddbe2fbfe.jpg
Когда наводишь курсор на одну из стрелок, начинается прокрутка блока с иконками. Когда скроллить больше некуда, стрелки становятся неактивными.
Вот записанное мной видео по теме
https://www.youtube.com/watch?v=s3vPex10IbU

Обратите внимание: изначально, когда окно браузера широко открыто, этих стрелок для прокрутки нет - они появляются только когда на экране остаётся мало места.

Я ещё раз опишу все нюансы
1. Стрелки для прокрутки появляются только, когда не достаточно места на экране, чтобы отобразить все иконки
2. Стрелка скроллят, когда наводишь на них мышкой
3.Когда скроллить больше некуда, стрелки становятся неактивными(затемняются)

Ищу готовое решение или пример реализации подобной прокрутки
  • Вопрос задан
  • 1162 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы