Лев-подобная полоса прокрутки с jQuery?

Ответ 1

Antiscroll, вероятно, является одним из доступных лучших плагинов, которые воссоздают Mac OS X Lion прокрутки в каждом браузере.

Некоторые из замечательных особенностей Antiscroll:

• Входит и выключается
• Размер контейнера может быть динамически настроен, а полосы прокрутки будут адаптироваться
• Поддерживает колесики мыши, трекпады, другие устройства ввода изначально
• Показывает полосы прокрутки при зависании.
• Поддержка IE7 +, Firefox 3+, Chrome, Safari, Opera

Демо: http://automattic.github.io/antiscroll/

Ответ 2

Интересный материал, я написал плагин, который делает именно это. Он назывался LionBars.

Ответ 3

nanoScroller.js - это плагин jQuery, закодированный с помощью Coffeescript, и он выполняет свою работу: http://jamesflorentino.github.com/nanoScrollerJS/

Ответ 4

scrollpane JQuery Plugin ближе всего вы получите.

см. демонстрацию lozenge.

Чтобы сделать его более похожим на Lion, вы можете настроить его, чтобы отображать только панель, когда div трека зависает, и убедитесь, что вы используете функцию animateEase.

О, и для дополнительного удобства Apple измените направление прокрутки, так что вниз вверх и вверх не работает: -)

Ответ 5

В тот день, когда был выпущен Лев, я очень любил полосу прокрутки в ОС. У браузеров уже есть гладкая панель прокрутки по умолчанию, но я думал, как насчет их пользователей Windows;).

Он все еще находится в разработке, но он может помочь вам: Прокрутка OSX

На основе tinyscrollbar, но я внес некоторые коррективы. Вы можете включить autohide (например, в ОС). Просто посмотрите исходные файлы.

Надеюсь, что это поможет.

Ответ 6

Это старый вопрос.. но, возможно, кто-то по-прежнему интересуется моей версией:

Источник: https://github.com/pixelass/customScrollBar

Пример: http://pixelass.github.io/customScrollBar/

Этот плагин фактически реплицирует полосу прокрутки более точно, чем antiscroll или nicescroll.. и т.д.

Плагин позволяет полностью контролировать полосы прокрутки (в настоящее время только вертикальные) и не требует mousewheel.js(как это делают большинство плагинов) Удаление этой зависимости было главной целью моей версии.

Он также прослушивает событие прокрутки (как это делает antiscroll). На всех остальных плагинах, которые я нашел, отсутствовали изменения размера и зависания на полосах прокрутки. Моя версия включает пример, показывающий, как добиться этого эффекта.

Есть необязательные (псевдо-) события-слушатели "scrollEnded" "clicked", которые запускаются при завершении прокрутки пользователя или при нажатии на клавишу прокрутки.

Этот плагин также позволяет практически любой воображаемый стиль и настройку полосы прокрутки, как стрелки-стрелки (вверх-вниз-стрелки).

Альфа

Это все еще альфа (время публикации), но развитие будет продолжаться с течением времени.

Ответ 7

Используйте мой плагин: scrollYou

Он использует простой подход для создания прокрутки внутри собственного элемента. Таким образом, вам не нужно добавлять дополнительные элементы, чтобы заставить их работать.

Ответ 8

jScrollPane плюс небольшая модификация.

Это является учебным пособием.

Ответ 9

nanoscroller или nicescroller будет лучшим вариантом для плавной прокрутки.

Ответ 10

В этом у вас есть полосы прокрутки, такие как на Mac, и их очень просто установить. Вы можете в принципе применить любой скин, который вам нравится с помощью css.