1. Уважаемые пользователи, прежде чем ответить в теме или создать новую,
    внимательно ознакомьтесь с правилами раздела

    Кому лень работать или руки не оттуда - пользуйтесь услугами специалистов
  2. Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.."

    Есть JED!!! Ищите там!!!

Нужна полоса прокрутки в div

Тема в разделе "Joomla", создана пользователем sergio123, 7 янв 2009.

Информация :
  • Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
  • Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.." Есть JED!!! Ищите там!!!
  • Аналоги ищите там же - на JED!!!
  • Новая версия? - У кого будет - тот выложит!
Статус темы:
Закрыта.
Модераторы: arman29, DMS, Genk0
  1. sergio123

    sergio123 Создатель

    Регистр.:
    13 ноя 2008
    Сообщения:
    15
    Симпатии:
    0
    Привет всем!

    Возникла необходимость сделать полосу прокрутки в div с текстом (текст уходит за пределы div).
    Это я конечно сделал с помощью overflow-y:scroll. Но оформление scrollbar можно менять только для ie. Для остальных браузеров не меняется он вроде. Знаю что можно сделать другой scrollbar на js или ajax, но не знаю как.

    Подскажите пожалуйста
     
  2. Jameson

    Jameson Читатель

    Заблокирован
    Регистр.:
    25 июн 2007
    Сообщения:
    406
    Симпатии:
    92
    CSS:
    Код:
    div#text {
         height: 90px;
         overflow: auto;
    }
    
    Естественно, текста должно быть столько, чтобы он не умещался в эту высоту , тогда прокрутка и появится.
     
    scarm нравится это.
  3. DOLARiON

    DOLARiON

    Регистр.:
    4 сен 2006
    Сообщения:
    191
    Симпатии:
    48
    кстати... скролл еще можно сделать не только браузерный встроенным, но и весьма прикольным яваскриптовым...

    вариантов много, но я брал для своих проектов вот этот:
    http://livepipe.net

    все просто як грабли...
    тебе нужены с сайта
    livepipe.js - это скажем - ядро системы
    и Control.ScrollBar - там же на том сайте найдешь и этот скрипт

    инииализация скрипта по загрузке:
    HTML:
    
    <script language="JavaScript">
    document.observe('dom:loaded',function(){
    	var scrollbar = new Control.ScrollBar('scrollbar_content','scrollbar_track');
    });
    </script>
    
    HTML:
    
    <div id="scrollbar_container" class="scrollbar_container">
     <div id="scrollbar_track"><div id="scrollbar_handle"></div></div>
     <div id="scrollbar_content" class="scrollbar_content" style="width: 275px; height: 485px;">
       здесь то что будем скролить
     </div>
    </div>
    
    css классы можно с того же сайта взять и подправить "по вкусу и цвету"

    если нужно и не получается - стукани в личку... помогу разобрать :)
    PS. имхо инетерснее стандартного скрола в 1000 раз... особенно фишка с подгонкой цвета... и к тому же стандратный скролл мышкой тоже пашет без проблем!
     
  4. Mignon

    Mignon Прохожие

    DOLARiON:
    спасибо большое за скриптик!
    может у кого есть еще чтонибудь похожее? чтонибудь похожее на flash ?:)
     
  5. FreakStyle

    FreakStyle Создатель

    Регистр.:
    18 июн 2008
    Сообщения:
    22
    Симпатии:
    4
    Можно юзать плагин jScrollPane для jQuery:
    http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

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

    Примеры:
    http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html
     
    dogoff нравится это.
Статус темы:
Закрыта.