![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| MeIsGremlin |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 172 Регистрация: 2.12.2005 Где: Киев Репутация: нет Всего: нет |
Как можно закодить элемент, к примеру TD чтоб по горизонтальному скролу он вел себя как position: fixed а по вертикальному опускался вниз также как и другие ячейки таблицы?
--------------------
mess with the best die like the rest |
|||
|
||||
| bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
сдаётся мне такиую вещь удастся реализовать с position: absolute и javascript в кармане
|
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Можно, имхо, по onscroll детектировать направление скроллинга (сравнивая последние запомненный координаты скроллинга с текущими, к примеру) и в зависимости от оного менять position с fixed на absolute (я когда-то мучил подобным образом менюшку где-то здесь, только значение менялось в зависимости от положения скроллинга страницы).
Но меня самого крайне интересует, можно ли сделать подобное без скриптов. Только наоборот - fixed по вертикали, прокрутка по горизонтали... Это сообщение отредактировал(а) SelenIT - 28.4.2008, 09:40 -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| MeIsGremlin |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 172 Регистрация: 2.12.2005 Где: Киев Репутация: нет Всего: нет |
Да. Такое возможно http://my-blog.name/gordi/post_1176923074.html Есть еще масса примеров. Я вот подумал что есть и более элегантный способ сделать боковую прокрутку без скриптов. Еще есть в ActiveWidgets но там без 100 грамм не разберешься. --------------------
mess with the best die like the rest |
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Упс. Я не про ту задачу подумал (а именно про свою;). Просто для меня position:fixed - это относительно экрана, и никак иначе.
А прокручиваемые таблицы - это да, тема древняя и неисчерпаемая. Причем показанный вариант (с несколькими таблицами в разных контейнерах) - это даже неспортивно, показателем мастерства считается реализовать это одной таблицей (в FF это решается одной строчкой CSS, в IE приходится попотеть, в Опере, по-моему, никак не решается). С одним элементом же провернуть такое проще простого, ключевое слово - overflow:scroll (или overflow:auto) при заданных размерах. -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| MeIsGremlin |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 172 Регистрация: 2.12.2005 Где: Киев Репутация: нет Всего: нет |
Я не про это вообще. Мне б боковое сделать так. То есть я не столько прям горжусь этим примером как просто показал что мне надо. Но только для горизонтального скролла. Так как при вертикальном привязываются обычно к THEAD и TBODY. А вот при горизонтальном так не привяжешься. А вообще в событии onScroll можно как-то понять в какую сторону крутят по X или по Y ?
--------------------
mess with the best die like the rest |
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Да, с COLGROUP такое не проходит. Но и с TBODY сходу работает только в FF, для мало-мальски кроссбраузерного решения приходится делать несколько таблиц (как и в Вашей ссылке;). А раз все равно рвать таблицу на несколько, то в чем принципиальная разница - по горизонтали или по вертикали?
Имхо, только запоминая предыдущие координаты скроллинга и сравнивая их с текущими. Могу заблуждаться. -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| MeIsGremlin |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 172 Регистрация: 2.12.2005 Где: Киев Репутация: нет Всего: нет |
Рвать таблицу у меня не получиться. Поэтому и взялся собственно вопрос как сделать так чтоб fixed был только по горизонтали?
--------------------
mess with the best die like the rest |
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Не рвать, увы, тем более не получится. Проще порвать и скриптом синхронизировать высоты строк при ресайзинге...
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| MeIsGremlin |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 172 Регистрация: 2.12.2005 Где: Киев Репутация: нет Всего: нет |
А есть пример? --------------------
mess with the best die like the rest |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |