среда, 12 января 2011 г.

jQuery Plugin - Google Wave Scrollbar

Некоторые из читателей наверное пользовались волной, которая, по некоторым данным возможно закроется. И пока этого не случилось решил осуществить старую задумку - скроллбар по образу и подобию. Погуглив, нашел лишь описания как с этим скроллбаром работать, обсуждения какой он плохой/хороший и плагин для jQuery. К слову о плагине, он действительно работает, но не совсем так как хотелось мне и раз другого я не нашел, пришлось сделать свой, взяв за основу то что было.

Готовый плагин занимает около 200 строк кода, думаю не стоит выкладывать его листинг в статье. Хочется лишь отметить что:

  1. Некоторые комментарии были оставлены как есть из предыдущего плагина.
  2. Высота контейнера под сам скроллбар выставлена на 50%, в дальнейшем сделаю чтобы выставлялась относительно количества контента.
  3. Будет реализована (как и хотелось изначально) динамическая загрузка контента при прокрутке.
  4. Код требует только jQuery, никаких jQuery UI и пр. не требуется.
  5. Кроссбраузерность как задача не ставилась, поэтому работает в Firefox 4.0 (может быть в младших версия тоже), Google Chrome 10.0.628.0, Opera 11.00, IE 8+, Safari 5.0.3
Получается что все это можно использовать только в очень специфическом продакшине, для которого этот плагин и написал.

Так как мои знания JavaScript не идеальные, критика приветствуются.

Чуть не забыл: архив (демо внутри, ибо залить на дропбокс не получилось, наверное отключили функцию показа html)

Комментариев нет:

Отправить комментарий