Форум SAPE.RU

Форум SAPE.RU (http://forum.sape.ru/index.php)
-   Курилка (http://forum.sape.ru/forumdisplay.php?f=22)
-   -   Вопрос к любителям JS и CSS (http://forum.sape.ru/showthread.php?t=54154)

Romanoff 16.06.2010 21:17

Вопрос к любителям JS и CSS
 
Ситуевина следующая.
Нужно сделать кастом скролл к дивкам (сделал его в виде стрелок вверху и внизу дива, скроллирует по onclick), но нужно чтобы эти стрелки появлялись только в том случае, если дивка переполнена текстом и нужен скролл.
Что-то можете посоветовать?

DiAksID 16.06.2010 21:22

jQuery, один раз усвоишь логику работы библиотеки - отпадут ВСЕ подобные проблемы :cool: ...

chahlic 16.06.2010 21:26

Цитата:

Сообщение от DiAksID (Сообщение 837440)
jQuery, один раз усвоишь логику работы библиотеки - отпадут ВСЕ подобные проблемы :cool: ...

ага, если бы усвоить ее было так просто :rolleyes:

у меня от дивовой верстки волосы дыбом встают.... :)

DiAksID 16.06.2010 21:29

Цитата:

Сообщение от chahlic (Сообщение 837444)
ага, если бы усвоить ее было так просто :rolleyes:

факт, но на освоение примитивных "скролингов", "гармошек", "лесенок" и т д уйдёт от силы час, да и то с кофе и перекурами ;)...

Цитата:

Сообщение от chahlic (Сообщение 837444)
у меня от дивовой верстки волосы дыбом встают.... :)

не поверите - а у меня от табличной :confused:

chahlic 16.06.2010 21:35

Цитата:

Сообщение от DiAksID (Сообщение 837449)
не поверите - а у меня от табличной :confused:

Еще как поверю - это как язык, на котором разговариваешь с рождения - всегда просто, каким бы он сложным не был :)

ПысЫ: хотя, судя по некоторым сообщениям на форуме - и это не аксиома....

Frenk1 16.06.2010 21:59

я обычно использую готовые решения. Например, если в движке основная js библиотека - mootools, то юзаю, что-то наподобии этого - http://solutoire.com/2008/03/10/moot...led-scrollbar/
А если jQuery, то - http://www.kelvinluck.com/assets/jqu...crollPane.html (на странице есть примеры - "Examples")

ЗЫ: Раньше верстал на таблицах, теперь только дивы... На таблицы смотреть не могу :)

Romanoff 16.06.2010 22:03

Цитата:

Сообщение от DiAksID (Сообщение 837440)
jQuery, один раз усвоишь логику работы библиотеки - отпадут ВСЕ подобные проблемы :cool: ...

не думаю, что она совместима со всеми браузерами.

DiAksID 16.06.2010 22:05

а Вы не думайте, а узнайте об этом на первой странице первоисточника :D

ЗЫ: как раз работу с броузерами и их версиями библиотека упрощает на порядок ;)

Romanoff 16.06.2010 22:24

Цитата:

Сообщение от DiAksID (Сообщение 837489)
а Вы не думайте, а узнайте об этом на первой странице первоисточника :D

ЗЫ: как раз работу с броузерами и их версиями библиотека упрощает на порядок ;)

не хочу рисковать. Обойдусь пока что offsetheight и scrollHeight, если они конечно помогут.

DiAksID 16.06.2010 22:49

Цитата:

Сообщение от Romanoff (Сообщение 837516)
не хочу рисковать. Обойдусь пока что offsetheight и scrollHeight, если они конечно помогут.

кто бы сомневался, тема то как раз для курилки :D

Romanoff 16.06.2010 22:55

Цитата:

Сообщение от DiAksID (Сообщение 837536)
кто бы сомневался, тема то как раз для курилки :D

ответы тоже :D

DiAksID 16.06.2010 23:04

ответы были по теме. хамите, парниша? ну ну... :D

Romanoff 17.06.2010 00:29

Цитата:

Сообщение от DiAksID (Сообщение 837554)
ответы были по теме. хамите, парниша? ну ну... :D

Ответ из серии попасть пальцем в небо. Это можно также написать "юзайте VBScript" или даже "делай во flash".

Ладно. Такой вот вопрос: можно как-то нехитро сделать стандартный скролл дива полупрозрачным?

Добавлено через 46 минут
Ладно. Еще вопрос:
не подскажет ли кто сведущий, как равномерно распределить в диве по горизонтали плавающие маленькие дивки?
Подразумевается, что ряд дивок перетекает на вторую и третью строку, в зависимости от ширины окна.
Сейчас они float left, но из-за этого получается правое поле большого дива разное. Хотелось бы чтобы все поля в большом диве были одинаковые.

Добавлено через 30 минут
Готов заплатить за решение последнего вопроса. :)

Atomic 17.06.2010 07:17

ну вы блин даете

Цитата:

появлялись только в том случае, если дивка переполнена текстом и нужен скролл.
Что-то можете посоветовать?
CSS:
overflow:auto;
height:50px; /*видимая высота блока, предел за выход из которого появляется скрол*/

Цитата:

Сейчас они float left, но из-за этого получается правое поле большого дива разное. Хотелось бы чтобы все поля в большом диве были одинаковые.
width: ширина_вложенного_дива;
height: высота_вложенного_дива;

ahsinis 17.06.2010 07:43

Цитата:

Сообщение от Atomic (Сообщение 837764)
ну вы блин даете


CSS:
overflow:auto;
height:50px; /*видимая высота блока, предел за выход из которого появляется скрол*/

Ответ неверный. Нужно читать постановку задачи.
Цитата:

Нужно сделать кастом скролл к дивкам
Нужно делать overflow:hidden; скроллер отрисовывать отдельным элементом, и прокручивать все это хозяйство через javascript.
Примеры работы со скроллером можно посмотреть тут http://www.tigir.com/javascript.htm

ЗЫ Хотя конечно лучше юзать тулзы всякие - и быстрее и надежнее, но это путь ненастоящих джедаев, правда ведь? :D

Atomic 17.06.2010 08:40

Цитата:

скроллер отрисовывать отдельным элементом
зачем?

Если не нравится неактивный скроллер в некоторых браузерах, то можно играться с overflow.

ahsinis 17.06.2010 09:41

Затем, что ТС скроллер надо полупрозрачным сделать.
Вы дефолтный скроллер полупрозрачным сможете сделать?


Часовой пояс GMT +3, время: 04:18.

Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.