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

DIV scroll v0.2

Пришла пора второй версии плагина создания скролл бара для слоя. Куча всего нового:

  • Теперь можете свободно двигать текст колесом мыши. Спасибо: ему, ему и ему. Но перехватчик событий (mousewheel) был написан собственный, под собственные нужды
  • Перемещение текста при клике на полоску бара.
  • Либо навести мышкой на стрелки и ждать, либо кликать на них.
  • Переписан код. Нормальные названия переменных, оптимизация кода, и усовершенствования. 
  • Bugfix: невозможность создавать много скроллбаров

18.09.2009, 18:04 Рубрика: jquery

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

 

Комментарии



jean666 (07.07.2011, 12:15:37) пишет:

Как сделать что бы якоря работали? То есть текст обматывался и скрол тоже.

sadomax (27.06.2011, 18:21:29) пишет:

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

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

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

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

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

danser (05.07.2010, 10:15:08) пишет:

Подскажите пожалуйста, как сделать, чтобы работало несколько скроллбаров? и чтобы слова переносились при изменении ширины дива.
p.s. не смейтесь, я новенькая

Ответ:

А чего нам смеяться?

Вышла новая версия, с примерами... Используйте.


Александр (02.06.2010, 14:23:11) пишет:

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

Ответ:

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

Сорри за задержки.


Александр (01.06.2010, 22:46:58) пишет:

А как заставить работать скроллбар вскрытом, а потом открытом блоке:

<body>

<div id=″panel″>
<div id=″scrolling″>
<p>Нужно написать было текст, сделать рыбу, да побольше. Чтоб скролл был у слоя, и скролл маленький.</p>
<p>Тут естественно бредовый смысл будет, но других вариантов нет.</p>
<p>Плагин для того, чтобы сделать красивый графический скролл бар и стрелочки к нему, должен быть проверен на месте. </p>
<h3>div scroll - jQuery plugin</h3>
</div>


</div>

<a href=″#″ class=″btn-slide″ >Slide Panel
<script type=″text/javascript″ src=″http://anton.shevchuk.name/wp-demo/jquery-tutorials/jquery.js″></script>
<script type=″text/javascript″ src=″pro.scroll.0.2.js″></script>

<script type=″text/javascript″>
$(document).ready(function(){
$(″#scrolling″).scroll({″width″:650});
$(″.btn-slide″).click(function(){
$(″#panel″).slideToggle(″slow″);

return false;
});


});
</script>
</body>
прокрутка есть, но не прокручивается

Suamo (07.05.2010, 12:28:52) пишет:

Разобрался...сори за глупый вопрос. Спасибо за удобную либу!

Suamo (07.05.2010, 11:40:58) пишет:

Подскажите плиз, как сделать несколько скролбаров? Привязка же идет к id scrolling. Не вижу даже где его можно поменять ((

radli (25.02.2010, 12:10:00) пишет:

Я нашел глюк в IE8. Мне кажется её тоже надо исправить! А так все ничтяг!

radli (25.02.2010, 09:51:59) пишет:

Спасибо всем! Но мне кажется ещё лучше было бы пример на закачку поставить. Или сделать архив в нем сам jquery и ваш плагин с примерем. Было бы клева. А так мне понравилось РЕМПЕКТ авторам!

WarGot (18.01.2010, 19:51:41) пишет:

Никто с проблемой под IE и хромом не сталкивался ? Вот под контейнером становится чёрным -(

TaTsu (14.12.2009, 15:51:04) пишет:

у меня вопрос еще такой возник... как можно сделать прокрутку по горизонтали?

TaTsu (14.12.2009, 15:15:29) пишет:

я уже сам ответил на свой вопрос)) уже переделал))

TaTsu (14.12.2009, 14:43:18) пишет:

вопрос у меня есть) а на сколько реально переделать этот скрипт, что бы скролинг был не справа, а слева? потому что сколько ищу никак не могу найти нормальный скролинг, что бы прокрутка была слева и этот скрипт работал так же и на ИЕ6... а учитывая то что Ваш скрипт работает и на ИЕ6 и на FF и Opera интересно было бы его переделать чтобы скрол был слева))

Vitaleks (24.09.2009, 22:31:52) пишет:

Разобрался, но все же хелп нужен :)
Кроме этого разместите ссылку на скачку jquery.js, не все же профи.

Ответ:

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


Vitaleks (24.09.2009, 22:22:53) пишет:

Bugfix: невозможность создавать много скроллбаров.

Как так? Все нормально, и с 5-ью работает. Лучше растолкуйте детальную настройку. Никак не удается изменить шрифт скажем на Georgio.

Ответ:

ну раз работает, значит еще лучше будет работать :)


 

Имя*:
e-mail*:
URL:
captcha*
Текст*:
  • jquery прокрутка div
  • jquery scrollbar
  • div scroll
  • jquery scroll div
  • прокрутка div jquery
  • jQuery scroll
  • скролл jquery
  • div scrollbar
  • scroll
  • jquery скролл
  • javascript scroll
  • скролл слева
  • jquery div scroll
  • javascript scroll div
  • javascript div scroll
  • скроллер текста на jquery
  • скролл в div
  • scroll div
  • div
  • JS scroll
  • pro.scroll.0.2.js
  • красивый скролл jquery
  • scroll jquery
  • javascript div
  • scrolling div
  • jquery
  • как сделать скролл
  • скролл в диве
  • jquery скроллбар
  • javascript
  • div
  • скроллинг jquery
  • div scroll javascript
  • прокрутка в div jquery
  • jquery скроллинг div
  • jquery работа со ссылками
  • div scroll jquery
  • ie8 jquery
  • scroll div jquery
  • скролл div
  • jquery скролл текста
  • jquery прокрутка дива
  • scroll слева
  • Скролл на jquery
  • div scrollbar javascript
  • js scroll div
  • jquery скроллинг текста
  • div скролл
  • scroll js

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