- PVSM.RU - https://www.pvsm.ru -
На текущем проекте некоторое время назад стала задача по унификации селектов во всех браузерах. Нужно было изменить их так, чтобы при одинаковом отображении они внешне оставались близкими к стандартным но при этом имели возможность гибкой настройки средствами CSS. Поискав готовые библиотеки, на тот момент ничего подходящего не нашел и решил сделать свой. Взял за отправную точку дизайн близкий к стандартному, плюс замена скроллбара, со стандартного системного на свой, также одинаковый во всех браузерах. Реализован скрипт в виде jQuery плагина. Требуемая версия jQuery – 1.5+.
Механизм работы такой:
Возможности плагина:
Инициализация плагина:
$([elemenet]).selectimus([style] [, options])
При инициализации плагина, если не переданы дополнительные параметры стилей, применяются стили по-умолчанию:
Исходники находятся здесь. [1]
Демо-страница с описанием здесь. [2]
Заменяет стандартную полосу прокрутки в элементах на странице, к которым применяется свойство overflow: hidden, на универсальную во всех браузерах. Сейчас работает только с вертикальным контентом. В разработке также возможность добавления опций по настройке внешнего вида полосы прокрутки.
Исходники находятся здесь. [3]
Возможно кому-нибудь пригодится такая реализация.
Автор: decadent
Источник [4]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/26867
Ссылки в тексте:
[1] Исходники находятся здесь.: https://github.com/git-decadent/selectimus
[2] Демо-страница с описанием здесь.: http://188.127.227.198:3000/
[3] Исходники находятся здесь.: https://github.com/.git-decadent/scrollbarJS
[4] Источник: http://habrahabr.ru/post/168973/
Нажмите здесь для печати.