Перемещение дива во время скролинга страницы

Печать RSS
379

В
Автор
Чатланин
0
Хочу сделать одну фишку. Такая фишка сейчас есть на яндексе.
Заходим на http://yandex.ru с компа. Вводим любую фразу в поиск.
Поле ввода находится как обычно, но начинаем скролить страницу и видим, что поле поиска фиксируется вверху страницы и всегда на виду.
Вот типа такой фишки мне надо, но вместо поля будет обычный див.
<div>содержание</div>
Вот хочу, чтоб при скролинге, этот див не уходил из видимости..

У кого есть идеи?

Добавлено через 01:33 сек.
Я бы наверное сам смог сделать, если бы знал какое действие в javascript отвечает за скролинг.. Ну типа за нажатие на элемент отвечает onclick, а за скролинг страницы?

2000 лет д.н.э.
0
<div style="position: fixed; top:0;">text</div>
В
Автор
Чатланин
0
это немного не то.. На яндексе изначально див находится не вверху страницы.. Вверх он встаёт и фиксируется только при скроллинге.. А если отскролить обратно, то он встаёт на прежнее место.
В
Автор
Чатланин
0
Нашёл событие отвечающее за скроллинг. Это scroll krut
$(window).bind("scroll",function(){
alert(5);
});

Щас наверное напишу себе эту фишку.

Голубые штаны
0
2. ramzes, нет, Рома, там аякс. Надо просчитать положение блока на странице с учетом количества пикселов скроллинга, и если они 0 или меньше - закреплять блок (приклеивать к верху), меняя значения css как ты написал выше, и параллельно пряча ненужные ссылки вокруг. Если же вернулись назад к верху (кол-во скроллинга 0), возвращать блоку position:relative и открывать скрытые ссылки.
Я вижу это так.
Изменил: Дмитрий (19.10.2011 / 20:33)

2000 лет д.н.э.
0
5. dima.london, jquery там, ajax вообще для другого нужен))
я знаю что там. 3 строчки кода просто css куда легче для браузера
http://wap.smartoff.net/user/files/1/ 30 секунд, кто быстрее?))
Изменил: ramzes (19.10.2011 / 20:40)
В
Автор
Чатланин
0
ramzeshttp://wap.smartoff.net/user/files/1/ 30 секунд, кто быстрее?))
Чё она у тебя ездит туда сюда? E

2000 лет д.н.э.
0
7. valerik, она догоняет экран)) мне так больше нравится, можно без эффекта сделать

Голубые штаны
0
8. ramzes, не понял прикола че-то cry

2000 лет д.н.э.
0
9. dima.london, в смысле?
кстати, вот css яндекса
.b-head-floater_fixed_yes .b-head-search {
position: fixed;
top: 0;
}
без этого не работает у них))

Добавлено через 05:51 сек.
$(window).bind("scroll",function(){
if(pageYOffset != $("#full-header").css("top")){
// $("#full-header").animate({top: pageYOffset-1+"px"}, 100);
$("#full-header").css({top: pageYOffset-1+"px"});
}
}
full-header это ид фиксированного блока
Изменил: ramzes (19.10.2011 / 20:50)
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск