Как сделать такое окошечко в css?

Question

[retrica]

i.imgur.com/pXgciOp.png

Надо сделать маленькое окошечко, что бы вот так модно было его листать.
Сколько сижу не могу такое провернуть....

Comments

[Тимофей Белоусов]

Вам слайдер надо?

[retrica]

Да

[retrica]

Что бы много было написано, и что бы блок не растягивался, а его можно было "прокрутить вниз"

Answer 1

[interlight]

Как вариант - скрипт nicescroll (areaaperta.com/nicescroll/)
Можно задать полосы прокрутки в DIV-ах, iframe-ах, textarea и body с различными настройками.

Answer 2

[Тимофей Белоусов]

Ну если правильно понял, то вот

Comments

[retrica]

Прокручивается сама страница а не поле с текстом, и текст видно, а его не должно быть видно

[retrica]

Но уже близко

[Тимофей Белоусов]

а как по другому? я вас понять не могу чего вы хотите?

[Александр Гамов]

Тимофей Белоусов: Видимо пользователя смутили повторяющиеся строчки )

[Dm4k]

Видимо у пользователя не хром и у него не работает overflow: overlay;.
И спрашивается для чего в таких задачах использовать такие конструкции, если стандартный overflow-y auto вполне нормально с этим справляется

Answer 3

[Dm4k]

Слайдер или скролл прокрутки?
Если скролл то overflow-y: auto; codepen.io/anon/pen/BuDLE
если слайдер то vertical slider какой-либо.

Comments

[retrica]

То что надо! Супер!
Вы прекрасен!
Только вопрос, я могу там, обводку сделать и другое?

[Dm4k]

Можете делать все что угодно - это же стандартный div блок, с примененным к нему overflow свойством.
хоть тени, хоть фон, хоть обводки (border) делайте.
Все что вашей душе угодно ;)

[Urukhayy]

retrica: Да