Левоподобная полоса прокрутки с jQuery? - PullRequest
49 голосов
/ 28 июля 2011

Кто-нибудь знает плагин jQuery для создания полос прокрутки в стиле Mac OS X Lion для каждого браузера?

Заранее спасибо.

Редактировать: Вот изображение для Windowsпользователи

enter image description here

Ответы [ 10 ]

43 голосов
/ 02 сентября 2011

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

42 голосов
/ 30 сентября 2012

Antiscroll , вероятно, является одним из лучших плагинов, которые воссоздают полосы прокрутки Mac OS X Lion в каждом браузере. Некоторые из замечательных функций Антискролл * : исчезает и исчезает Размер контейнера можно динамически регулировать, а полосы прокрутки адаптируются Встроенная поддержка колесиков мыши, трекпадов и других устройств ввода Показывает полосы прокрутки при наведении Поддерживает IE7 +, Firefox 3+, Chrome, Safari, Opera enter image description here Демо: http://automattic.github.io/antiscroll/

13 голосов
/ 16 декабря 2011

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

3 голосов
/ 19 августа 2011

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

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

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

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

3 голосов
/ 04 августа 2011

* * * * * * * * * * * * * * * * * * * * * * * * * Плагин Jquery.

см. Демонстрационную версию ромбовидное .

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

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

2 голосов
/ 14 мая 2013

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

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

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

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

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

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

Существуют необязательные (псевдо-) прослушиватели событий «scrollEnded» «clicked», которые запускаются, когда заканчивается прокрутка пользователя или когда полоса прокрутки-thumb нажата.

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

Альфа

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

1 голос
/ 21 июня 2013

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

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

0 голосов
/ 02 октября 2013

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

0 голосов
/ 22 июня 2012

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

0 голосов
/ 20 июня 2012

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

Этот учебник об этом.

...