Как мне убрать / убрать div при прокрутке страницы?

Вот jsfiddle: http://jsfiddle.net/ NKgG9 /

Я в основном хочу, чтобы эти розовые поля отображались при загрузке страницы как обычно, но как только пользователь прокручивает страницу вниз, я хочу, чтобы они исчезли и исчезли. Когда пользователь прокручивает назад свое положение или верх окна браузера, я хочу, чтобы эти розовые поля снова исчезли. Я бесполезен с JS, так что хорошо справляюсь с некоторой помощью, как это сделать.

Любая помощь приветствуется.