скользящие заголовки таблиц при прокрутке страницы

Ruslan Danilin

unread,

Aug 1, 2011, 9:12:27 AM8/1/11

to Google Web Toolkit на русском

Здравствуйте,

подскажите, пожалуйста, наиболее простой / надежный способ реализации
"зависающих" заголовков.
Т.е. чтобы заголовки таблиц (либо, например, меню) автоматически
приклеиваются к верхней части экрана при прокрутке страницы.
Сейчас такой функционал можно увидеть в Gmail при большом количестве
писем. Очень удобно, т.к. функциональные кнопки всегда на виду.

Vitaly Gashock

unread,

Aug 1, 2011, 9:25:34 AM8/1/11

to google-web...@googlegroups.com

Как делаем мы (примерно):

Цепляем хендлер на scroll event нужного элента
В этом хендлере вычисляем нужно ли выполнять "плавание" виджета или нет. Например, берем высоту заголовка и сравниваем ее с текущей скролл-позицией
Если скроллинг нужно делать "отрываем" нужный элемент из потока (DOM-потока) установкой ему нужного параметра позиционирования DOM.setStyleAttribute(getElement(), "position", mustFly ? "fixed" : "static");

Да, еще нужно не забыть при первом заходе на страницу корректно "вернуть" элемент в поток.
Вот примерно так

Ruslan Danilin

unread,

Aug 2, 2011, 2:26:29 PM8/2/11

to Google Web Toolkit на русском

Спасибо большое!

On 1 авг, 16:25, Vitaly Gashock <gsho...@gmail.com> wrote:
> Как делаем мы (примерно):
>
> - Цепляем хендлер на scroll event нужного элента
> - В этом хендлере вычисляем нужно ли выполнять "плавание" виджета или

> нет. Например, берем высоту заголовка и сравниваем ее с текущей
> скролл-позицией

> - Если скроллинг нужно делать "отрываем" нужный элемент из потока

Reply all

Reply to author

Forward