Когда-то, не помню где я читал, что обычный скролл можно сделать более функциональным и предлагался ряд решений.
Мне понравились эти идеи, и теперь, спустя много лет :)… Предлагаю свою реализацию на javascripte. Идея состоит в том, чтобы показать миниатюру всего текста на фоне прокрутки и использовать движок для прокрутки видимой части текста.
При таком подходе сразу видно, где картинка, заголовок, а где абзац.
Я такой реализации в яваскрипте не видел, да и если честно не искал, люблю все делать своими руками :).
Инициализация происходит просто как в танке :).
Мы создаем объект прокрутки, передавая в конструктор и параметры идентификатор или сам блок (div).
В опциях вы можете указать: шаг — шаг прокрутки в пикселях по умолчанию 50 keyEvent — прослушивание клавиш Home, End, Page Up, Page Down включено по умолчанию.
var scrolPanel = new scroll.ScrollPanel('test',o);
Вы можете посмотреть демо Здесь исходники можно скачать здесь
Все это безобразие делалось на базе моего же велосипеда, поэтому я сделал версию, в которой все ненужные детали были сняты, спрессованы и запихнуты в одну коробку.
Этот файл вы найдете в архиве под названием Scroll-full.js. Также в этом файле добавлена возможность создания прокрутки с помощью jQuery, если она у вас подключена, например $('#test').
scrollPanel(o); Теги: #JavaScript #прокрутка #удобство использования #JavaScript
-
Сколько Денег Вы Тратите На Запуск Стартапа?
19 Oct, 24 -
Сибирский Студент. Фотоотчет
19 Oct, 24 -
Intv Без Рекламы
19 Oct, 24
