Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > закрепить элемент одном месте


Автор: Alx 3.4.2007, 18:12
subj)

я думал - единственный способ создавать абсолютно позиционированные слои и, отлавливая document.body.onscroll, задавать им новые координаты в связи с изменением document.scrollTop и scrollLeft ;) : http://web2.alx.vingrad.ru/

но я уже понял, что за год я страшно отстал от жизни и мой способ по результату в сравнение не идет с тем, что реализовали ребята из Яндекса на http://mail.ya.ru/

у меня явно заметны глюки при перерисовке двигающегося дива, у них же создаётся ощущение, что слои с тулбарами приклеены к поверхности моего монитора с другой стороны и никак не связаны с остальным контентом документа. класс вообще, здорово!)) как мне так сделать?)

блин!)) хочу работать в Яндексе и писать такие приложения!!)) web 2.0 это кааайф!))

Автор: SelenIT 3.4.2007, 18:15
Alx, это называется position:fixed. Само по себе работает в Gecko/Opera/IE7. А как сделать в IE6, смотрите ссылку в http://forum.vingrad.ru/topic-143868.html чуть ниже.

Автор: Alx 3.4.2007, 18:51
ох) горе мне горе) а я то как извращался..))

Добавлено через 29 секунд
спасиб,круто) а какой это css? (версия)

Автор: SelenIT 3.4.2007, 18:58
Alx, не зря Вы извращались - в IE по-другому практически никак, волшебный финт с фоном открыт совсем недавно. А сам fixed - это http://www.w3.org/TR/CSS21/visuren.html#propdef-position.

Автор: Alx 3.4.2007, 19:03
SelenIT, 
да я о top:expression(...) вместо 
Цитата(Alx @  3.4.2007,  18:12 Найти цитируемый пост)
отлавливая document.body.onscroll


Добавлено через 8 минут и 26 секунд
а IE не поддерживает css 2.1?

Автор: SelenIT 3.4.2007, 19:20
Вроде бы поддерживает, но, как показывает практика, далеко не полностью (не знает position:fixed, display:table, min-width/max-height и др. полезных вещей). Хорошо хоть есть те же expression и behavior...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)