developing.name Решение проблем разработки сайтов. uncat php javascript jquery ajax html other C#

DIV scroll v0.3

Почти год прошел с появления версии 0.2, и два года с первой версии. Данный плагин писался не для чего либо, а просто так. Но ваши оставленные комментарии заставили меня не оставлять плагин, а дописать и поправить некоторые баги.

pro.scroll.0.3 к вашим услугам.

Добавились некоторые задаваемые параметры и новшества:

  • параметр скорости скрола на мыше
  • скорость прокрутки при скролле
  • возможность менять стиль для всего контейнера
  • размещение скроллбара справа или слева
  • необязательно задавать ID, а только классы, все слои будут со скроллами

И соответственно баг фикс:  

  • при изменении содержимого слоя, пересчитывается размер контента и соответственно пересчитывается бар; были проблемы когда слой скрыт или в нем изображения которые после загрузки давали не правильное представление о размерах контента
  • теперь бар виден и в Chrome, и в Safari
  • корректировка перемещения бара при клике на линию
  • изменены алгоритмы расчетов позиций, что дает теперь возможность использовать в стилях margin

Возможно еще какие то изменения в коде, но это только баг фиксы. Главное в итоге не описывать все, а чтобы работало.

И все это вы можете увидеть теперь на странице примеров. Для лучшего понимания приведены разные примеры использования pro.scroll, а так же сможете скачать все в архиве.

26.08.2010, 21:11 Рубрика: jquery

Ссылки по теме:

 

Комментарии



daru (28.02.2012, 01:20:40) пишет:

Уже разобрался, сорри. Заменил 1500 в коде на options.scroll_speed.

n-t-li (28.06.2011, 01:50:55) пишет:

а есть ли у вас в планах вынести настройки в css?

sadomax (27.06.2011, 18:24:07) пишет:

Нашел пару замечаний при костомизации 0.3 версии.

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

2. не возможно при кастомизации стилей сделать hover на кнопки вверх и вниз.

3. Замените ужасную табличную верстку на дивы с нормальным позиционированием.

В остальном отличный скрипт , огромное спасибо ) Вива опенсорс)

Вася (19.12.2010, 03:42:16) пишет:

Спасибо за интересный скрол, но есть и баги.
Решил заюзать Ваш скрол на небольшом сайте.
Заказчица захотела контент посередине.
Посмотрите как он работает с якорями http://www.imagemaker-group.ru/72/
Это первый баг. И второй баг, здесь http://www.imagemaker-group.ru/news/
На операциях типа ″крыть-показать див″ скрол явно чудит в том случае, если поскролить вниз, а потом попытаться закрыть див.

зы: на всех браузерах такая напасть..

Вася (19.12.2010, 03:41:13) пишет:

Спасибо за интересный скрол, но есть и баги.
Решил заюзать Ваш скрол на небольшом сайте.
Заказчица захотела контент посередине.
Посмотрите как он работает с якорями http://www.imagemaker-group.ru/72/
Это первый баг. И второй баг, здесь http://www.imagemaker-group.ru/news/
На операциях типа ″крыть-показать див″ скрол явно чудит в том случае, если поскролить вниз, а потом попытаться закрыть див.

зы: на всех браузерах такая напасть..

Den (07.12.2010, 18:29:07) пишет:

А за сам скролл большое спасибо, по сравнению с иностранными аналогами, простота и функциональность на высшем уровне!

Den (01.12.2010, 00:40:42) пишет:

Очень не хороший баг, если в скоролле много текста, а затем через ту же функцию jqeury - empry убрать его и вписать одно слово, то полоса прокрутки становиться очень длинной и смещает всю страницу вниз. Прошу профиксить, если не сложно.

Dominate (26.10.2010, 13:07:10) пишет:

Спасибо за ваш скрипт, но..
обнаружил баг под IE6, IE7.
если прописан  <!DOCTYPE html...> (что по стандартам обязательно) :) верстка позиций элементов скролла - съезжает :(
без <!Doctype html...> если просто <html> - нормально отображается.
надеюсь вы пофиксите :)

Ответ:

Ммм.. Стандарты... Вещь конечно интересная, но нужная ли? :)

Посмотрим...


Vladislav (14.10.2010, 19:01:28) пишет:

Спасибо за отличный скрипт!
Но у меня проблема, не знаю, можно ли это назвать багом или нет, но если выставлять ширину и высоту в процентах, то он не работает :(

Ответ:

Пожалуйста. Хм.. Интересно. Постараемся разобраться.


 

Имя*:
e-mail*:
URL:
captcha*
Текст*:
  • html
  • jquery
  • css
  • chrome javascript div
  • изменение вида scroll
  • scroll div
  • scroll
  • css firefox
  • html
  • div scroll
  • изменить вид скролла
  • scroll
  • scroll
  • изменить вид scroll
  • developing.name
  • css
  • div
  • скролл в всплывающем окне
  • html scroll
  • скрол
  • div
  • display none
  • pro.scroll.0.3
  • css
  • jquery
  • как изменить стиль scroll
  • chrome div scrolling
  • jquery div
  • изменить стиль скрола
  • Как изменить стиль скрола в Chrome?
  • javascript
  • js
  • скрол в див
  • Скролл содержимого
  • pfghtn yf crhjk d ,hfeptht js
  • scrool
  • скролл в диве
  • div js
  • изменить стиль скролла
  • как заменить скролл div
  • изменение блока по клику
  • css scroll дива
  • замена скролл jquery
  • как заменить скролл в div с помощью js
  • jquery scrool
  • html
  • css заменить scroll
  • как заменить scroll на сайте
  • firefox

jQuery plugins:
  • pro.scroll v0.3 - графический скролл для div
  • pro.sres v0.1 - подсказки при поиске
  • pro.tips v0.2 - всплывающие подсказки
  • pro.tube v0.1 - работа с YouTube ссылками
Powered by PRO