Плавающий блок по высоте при прокрутке страницы

[sitecor]

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

Как заставить ездить вверх вниз кнопку “Свернуть” при прокрутке странице (http://www.ralfgroup.com/html/met/catalog_list.html)

но что бы она не выходила за пределы центрального блока?

Пример того что нужно получить: кнопки “Свернуть” “Сбросить” на этой странице:

http://euroset.ru/catalog/computers/tablet-pc/

Буду благодарен за любую подсказку

[br3t]

На $(window).scroll() высчитывается scrollTop - и если он в требуемом диапазоне - подрубается анимашка

[sitecor]

Спасибо за ответ.

К сожалению с JS и jQuery пока знаком на уровне прикручивания стандартных плагинов.

Механизм работы, я так понимаю, такой:

Есть код:

<header></header>
<div class="main">
  <a href="#">Кнопка</a>
</div>
<footer></footer>

Высчитываем координаты начала и конца блока #main это у нас и будет диапазон.

Далее, когда идет событие прокрутки страницы из изменяем style="top: " кнопки, и проверяем что бы он был в пределах нашего диапазона.

Только как это выразить в коде?

Или может кто-то уже сталкивался с такой задачей и есть готовый код?