|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
21.01.2013, 09:49 | #1 |
Форумчанин
Регистрация: 21.01.2009
Сообщений: 148
|
Плавное движение липкого блока при скроллинге
Есть див, с горизонтальным скроллингом, внутри которого две таблицы с шириной, большей чем у дива. Первая таблица (.topTable) должна прилипнуть к верху страницы, когда мы до нее доскроллим страницу и накладываться поверх второй при скроллинге. Все работает, но везде, кроме ФФ, прыгает верхняя таблица, а не плавает, рывками перемещается. Подскажите, как оптимизировать, чтобы везде плавно было.
Код:
МОЙ САЙТ
Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали. |
21.01.2013, 12:14 | #2 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Код:
Тогда уж и делайте Код:
Ненавижу быть как все, но люблю, чтобы все были как я.
|
21.01.2013, 14:43 | #3 |
Форумчанин
Регистрация: 21.01.2009
Сообщений: 148
|
это я убрать забыл, когда пробовал через анимацию. Через анимация липкий блок неуспевает за скроллом, поэтому пришлось отказаться. тут .stop() никакой роли не играет. что с ним что без него притормаживает.
МОЙ САЙТ
Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали. |
21.01.2013, 14:51 | #4 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Залейте пример на jsfiddle.net
Не понятно, что нужно
Ненавижу быть как все, но люблю, чтобы все были как я.
|
21.01.2013, 16:26 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Почему бы не использовать position:fixed? Или вы расчитываете на аудиторию ИЕ6?
Alar, верни репу!
|
21.01.2013, 17:50 | #6 |
Форумчанин
Регистрация: 21.01.2009
Сообщений: 148
|
http://jsfiddle.net/hLXLt/3/ - вот тут пример того, что у меня есть. и вот верхняя таблица, которая плавает, рывками перемещается.
position: fixed нельзя из-за горизонтального скролла
МОЙ САЙТ
Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали. |
21.01.2013, 19:25 | #7 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Задай Position:fixed для .topTable и исправь код так:
Код:
Ненавижу быть как все, но люблю, чтобы все были как я.
|
22.01.2013, 09:50 | #8 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Alar, верни репу!
|
|
22.01.2013, 14:53 | #9 |
Форумчанин
Регистрация: 21.01.2009
Сообщений: 148
|
http://jsfiddle.net/fjrTh/2/ - вот тут пример того, как дочерний div с position: fixed игнорирует overflow: scroll родительского div'a
а в целом, у меня на горизонтальный скролл родительского еще висит событие и притормаживать начинает при горизонтальной прокрутке
МОЙ САЙТ
Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали. |
23.01.2013, 09:13 | #10 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
1. дочерний div с position: fixed игнорирует something родительского div'a. position: fixed; по спецификации вырывается из потока элементов и всегда находится в контексте разметки окна/фрейма. 2. fixed игнорирует overflow: scroll Код:
Alar, верни репу!
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Движение картинки по форме при нажатии клавиши (любой) | mihaillo | Общие вопросы Delphi | 3 | 04.03.2018 19:18 |
phpbb:subsilver2, изменение ширины блока смайлов(при ответе), или почему браузеры игнорят явно заданую ширину ячейки? | Пепел Феникса | HTML и CSS | 1 | 25.06.2012 09:29 |
Плавное появление картинки при наведении мыши на ссылку | CodeNOT | JavaScript, Ajax | 7 | 28.04.2011 17:15 |
Воспроизведение аудио файла при движение мышки | marsius | Общие вопросы Delphi | 7 | 27.05.2010 18:53 |
Плавное движение картинки | KoBRaAndrey | Общие вопросы Delphi | 2 | 09.04.2010 11:42 |