Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Центр помощи > [JavaScript]Плавающий элемент

Автор: world 25.8.2010, 20:02

Доброе всем время суток.

Столкнулся не давно с такой вполне тривиальной задачей, однако решить её собственными силами не удалось.

На странице есть элемент div. Необходимо, чтобы элемент всегда оставался прикреплённым к нижнему краю видимой области, и при скролле страницы соответственно перемещался вниз или вверх. Высота div'a известна.
Координату нижнего края, видимой области нахожу с помощью следующего действия:

Код


bottom = document.documentElement.scrollTop + document.documentElement.clientHeight

А вот, что делать дальше, увы не знаю.

Автор: bars80080 25.8.2010, 22:16

а если просто через css стилями задать?

Код


#iddiv { position: fixed; bottom: 0px; }

не для ИЕ6, конечно

Автор: world 26.8.2010, 11:33

Цитата

не для ИЕ6, конечно

В этом часть проблемы и состоит, желательно, чтобы код был кроссбраузерным, в том числе поддерживал и ИЕ6.

Автор: bars80080 26.8.2010, 14:58

Цитата(world @ 26.8.2010, 11:33

)

В этом часть проблемы и состоит, желательно, чтобы код был кроссбраузерным, в том числе поддерживал и ИЕ6.

всему своя мера. я бы не стал напрягать для того чтобы сделать под ИЕ6 идентично, как и под все. для ИЕ6 я бы просто выкинул окно, примерно на 100px от верха и низа экрана, и не стал заморачиваться дальше. функционал работает, а если хотят красотулечки, то пусть переходят на более новые версии браузеров

Автор: world 26.8.2010, 15:01

Спасибо, bars80080, так и сделаю.
Вопрос решён.