Как сделать скролер

legenda · 2010-03-27 15:35:27

Надо сделать блок со скролером но чтоби он бил только справа тоесть вертиканьний, а по горизонтали его небило,

подкажите?

KhadeR · 2010-03-27 17:10:04

не совсем понятно, чего Вы хотите...

CyberMama · 2010-03-27 17:40:26

<div style="width: 200px; height: 247px; overflow: hidden;">
<div style="width: 200px; height: 250px; overflow: auto;">
Сюда вывод содержимого блока
</div>
</div>

legenda · 2010-03-27 18:08:51

Спасибо!! +1, очень помогла, то что надо

можеш подсказать какую функцию

<div style="width: 200px; height: 247px; overflow: hidden;">

виполняет?

Отредактировано legenda (2010-03-27 18:10:04)

Wolverine · 2010-03-27 18:19:39

http://www.htmlbook.ru/css/width.html
http://www.htmlbook.ru/css/height.html
http://www.htmlbook.ru/css/overflow.html

:)

Neo · 2010-03-27 20:18:58

Вот ещё более сложное, но универсальное решение http://code.google.com/p/jscrollpane/downloads/list

Trashcka · 2010-03-27 21:08:16

legenda, лучше так ))

HTML
<div class="МОЙ СТИЛЬ">КОНТЕНТ</div>

CSS
.МОЙ СТИЛЬ { overflow-y: auto; overflow-x: hidden; }
если надо, чтобы вертикальный скрол отображался даже когда мало контента, то так:
.МОЙ СТИЛЬ { overflow-y: scroll; overflow-x: hidden; }

legenda · 2010-03-28 02:58:41

:P, всем спасибо!

CyberMama · 2010-03-28 05:05:52

Trashcka, overflow-x overflow-y не все браузеры могут понимать

Trashcka · 2010-03-28 08:31:47

CyberMama, последней была Опера годичной давности.

Nushaba · 2010-03-29 11:11:14

CyberMama, если ориентироваться на старые браузеры, то самый оптимальный вариант будет создать двойной div блок, пример можно глянуть у меня:
greatage.su/portpholior.html
Суть в том, что бы внешний блок сделать чуть поменьше внутреннего со скроллом на столько, что бы скролл остался за пределами первого.

CyberMama · 2010-03-29 12:07:22

Nushaba, именно это я и написала в примере выше

Nushaba · 2010-03-29 14:50:59

CyberMama, ой, не обратил внимание на значения числовые.

legenda · 2010-04-02 06:15:08

Nushaba, а как ты сделал что самого скролера у небя не видно?

Nushaba · 2010-04-02 10:15:03

legenda, есть тег, который понимается всеми браузерами: style="overflow: hidden;" http://htmlbook.ru/css/overflow.html Учти что это на проч убивает возможность прокручивать в том блоке, где такой стиль прописан.
Создаешь:

<div align="left" valign="top" style="height: 500px; width: 200px; overflow: hidden;"> тут задаём желаемый размер блока, в котором будет скроллер с контентом, тут убираем сам скролл
     <div style="height: 520px; width: 220px; overflow-y: scroll;"> тут с запасом на скролл 20px примерно, фокус в том, что бы скрол был за границами первого div блока.
     Тут же будут например превьюшки для просмотра.
     </div>
</div>

Отредактировано Nushaba (2010-04-02 10:20:37)

legenda · 2010-04-02 17:48:12

фокус в том, что бы скрол был за границами первого div блока

))
тепер понял

legenda · 2010-04-16 15:26:34

Может тепер ктото подкажет как его нестатдартним сделать, там например цвет пимпочки и самого скролера поменять и т.д.

Nushaba · 2010-04-16 18:39:00

legenda,
http://www.sistem.su/scroll
+
http://www.spravkaweb.ru/index.php?title=css/reference/attributes/user_interface/scrollbar-shadow-color&printable=yes#.D0.A1.D0.B8.D0.BD.D1.82.D0.B0.D0.BA.D1.81.D0.B8.D1.81
Правда ширину скролла поменять нельзя увы, только цвета.

Отредактировано Nushaba (2010-04-16 18:39:20)

legenda · 2010-04-22 05:05:27

чето никак заставить эти стили работать в опере и фф ((

Next Generation CMS :: Форум поддержки

Объявление

#1 2010-03-27 15:35:27

Как сделать скролер

#2 2010-03-27 17:10:04

Re: Как сделать скролер

#3 2010-03-27 17:40:26

Re: Как сделать скролер

#4 2010-03-27 18:08:51

Re: Как сделать скролер

#5 2010-03-27 18:19:39

Re: Как сделать скролер

#6 2010-03-27 20:18:58

Re: Как сделать скролер

#7 2010-03-27 21:08:16

Re: Как сделать скролер

#8 2010-03-28 02:58:41

Re: Как сделать скролер

#9 2010-03-28 05:05:52

Re: Как сделать скролер

#10 2010-03-28 08:31:47

Re: Как сделать скролер

#11 2010-03-29 11:11:14

Re: Как сделать скролер

#12 2010-03-29 12:07:22

Re: Как сделать скролер

#13 2010-03-29 14:50:59

Re: Как сделать скролер

#14 2010-04-02 06:15:08

Re: Как сделать скролер

#15 2010-04-02 10:15:03

Re: Как сделать скролер

#16 2010-04-02 17:48:12

Re: Как сделать скролер

#17 2010-04-16 15:26:34

Re: Как сделать скролер

#18 2010-04-16 18:39:00

Re: Как сделать скролер

#19 2010-04-22 05:05:27

Re: Как сделать скролер

Подвал форума