21:05 

Скроллы на блоках

D Ash
Embrace your dreams and prove your honor...
Well... Когда-то давно искал способ сделать в дайри блоки с горизонтальной прокруткой, но было не критично, так что забил. Второй раз попробовал весной, тогда успеха уже добился. А на деле всё очень просто.

Итак. Зачем это нужно? Удобно при создании списка или галереи. Как это работает?

Используйте этот код:



Да, вся фишка в настройках white-space по умолчанию в дайри. Можете добавить внутрь style'а width и\или height, чтобы контролировать размеры блока.


[upd]

Для вертикального скроллбара стоит использовать overflow-y. В white-space нужда пропадает. Но нужно указывать height, иначе блок автоматически растянется.

Ещё об overflow. Если не прописывать -x\-y - срабатывает на обе оси. Если в качестве значения поставить scroll вместо auto - бары будут видны всегда, даже когда контент не превышает размер блока. invisible, напротив, не покажет скроллы, даже если контент уйдёт далеко (что приводит к потере контента, ясно). visible позволяет контенту уходить за пределы блока (и налазить на другие элементы, как следствие). Slt.

Примеры.
запись создана: 14.07.2011 в 17:24

@темы: CSS, Записи, Комментарии, Теги оформления записи

Комментарии
2011-07-14 в 17:39 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Прикольно)

2011-07-14 в 17:43 

D Ash
Embrace your dreams and prove your honor...
2011-07-14 в 17:50 

jumamono
by fun, just by fun
оо, полезная штука=)

2011-07-14 в 18:19 

D Ash
Embrace your dreams and prove your honor...

2011-07-14 в 18:59 

вертикальный?

2011-07-14 в 19:10 

[TrusT]
задрот в различнейших областях
funny-boneв вертикальном оверфлоу - y, вроде)

2011-07-14 в 19:30 

сенкс.

2011-07-14 в 19:36 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Вертикальный сделать вообще простенько:

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



2011-07-14 в 20:05 

D Ash
Embrace your dreams and prove your honor...
Да, в вертикальном нет проблемы с white-space'ами.

Speaking of that "overflow" thing. Если не прописывать -x\-y - срабатывает на обе оси. Если в качестве значения поставить scroll вместо auto - бары будут видны всегда, даже когда контент не превышает размер блока. invisible, напротив, не покажет скроллы, даже если контент уйдёт далеко (что приводит к потере контента, ясно). visible позволяет контенту уходить за пределы блока (и налазить на другие элементы, как следствие). Slt.

2011-07-14 в 20:17 

:yes: спасибо за разъяснения :yes:

2011-07-14 в 20:21 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
D Ash, оффтоп, но: вы не знаете, можно ли сделать вертикальный скроллбар у таблицы? По умолчанию, скроллбар у таблицы можно задать горизонтальный, а можно ли сделать вертикальный?


111110 222222 33333333
444444444444444 55555555555 888888888999999999999999999999999999999999999888888888888888888888888888888888888888 7777777777777777777777777777
111110 222222 33333333
111110 222222 33333333



2011-07-14 в 20:35 

[TrusT]
задрот в различнейших областях
Тайя, которая душит романтиков а вот это мне понадобится))
спасибо)

2011-07-14 в 20:58 

D Ash
Embrace your dreams and prove your honor...
funny-bone
^_^

Тайя, которая душит романтиков
Ну да, а в чём проблема? overflow ведь не на контент вешается, а на блок. Там и посложнее объекты могут быть (скажем, flash или фреймы). Только при вертикальном всегда height указывать стоит, по умолчанию оно растягивается по контенту.

111
111
111
111
111
111
111
111
111
111
111
111
111



2011-07-15 в 11:37 

кавайный укэ
Ich liebe dich! -Bück dich! die Liebe wird härter.
Тайя, которая душит романтиков спасибо за код для вертикального прокручивания.
D Ash спасибо. Узнал много нового.

2011-07-15 в 11:53 

D Ash
Embrace your dreams and prove your honor...
2011-07-15 в 12:25 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
D Ash, спасибо :white:

2011-07-15 в 12:28 

D Ash
Embrace your dreams and prove your honor...
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная