Как сделать так, чтобы блок «болтался» между двумя границами?
Есть линия 1, линия 2 (это границы блоков на самом деле)
Есть блок - при открытии страницы он просто блок - находится сверху.
Нужно сделать чтобы блок появлялся в момент совпадения верхней границы браузера с линией 1, в процессе дальнейшей прокрутки был прилеплен к верхней границе браузера вплоть до того момента пока не коснётся своей нижней границей линии 2, после чего должен быть зафиксирован при дальнейшей прокрутке вниз. При прокрутке обратно наверх соответственно наоборот.
В общем этот блок должен появляться при прокрутке вниз и "мотыляться" между двумя линиями.
Линии находятся сильно внизу, блок успевает скрыться при прокрутке, т.е. на момент когда его надо показать - его уже нету на экране.
Можно ли это к тому же сделать без JS-а?