прикольный CSS
30 октября 2009 15:13
Искал по интернету каким образом блок с текстом/графикой можно заставить отображаться в фиксированном месте окна, т.е. не скролится с другим содержимым страницы и наткнулся на статью студии Артемия Лебедева по этому поводу. ()
Очень понравилось следующее выражение:
top: expression(document.body.scrollTop + "px");
Прикольно, получается в CSS можно и такие винты вытворять!!! :)
Комментарии (8)
- Сортировать:
- новые в начале
- новые в конце
Григорий Ч. 30 октября 2009 21:23Да я не против js, но есть же вариант что пользователь будет с другими взглядами на это дело!
Удалённый пользователь
30 октября 2009 17:05отключил ЖС - перестал пахать КОМ интерфейс в ИЕ (?) флеш, всякие примочки. Чо там останется то от интернета?
Григорий Ч. 30 октября 2009 16:47:) просто пытаюсь предусмотреть и вариант с отключеным js.
Удалённый пользователь
30 октября 2009 16:36вас волнует отключенный ЖС? На вашем месте я бы волновался как будут работать ваши сайты при отключенных компьютерах. Вот засада то!
Григорий Ч. 30 октября 2009 16:25Спасибо за прикольный линк! Буду копать! :)
A какие мобильные браузеры? Operamini?
Никита С. 30 октября 2009 15:25Мне больше нравится такой хитрый способ:
Но применять его нужно только для ie6, а то я замечал в мобильных бразерах прокрутка не работала.
А использовать expression не рекомендуется, поскольку при любом действии, даже движении мыши срабатывает этот expression. Соответственно лишняя нагрузка на браузер.
Григорий Ч. 30 октября 2009 15:19упс.. значит это "прикольно" умрёт если js будет отключен?! Жаль!
Incomplete I. 30 октября 2009 15:16да, если в браузере не отключен джаваскрипт.
таким же образом поступает плагин ThickBox для фиксирования слоя по центру страницы:
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}