На сайте
необходимо создать два симметричных div-контейнера для баннера размером 160x600px.
Особенность – эти контейнеры должны быть плавающими. Логика следующая:
если экран проскроллирован в самый верх, то контейнер должен быть прилеплен под длинную шапку, как показано голубым цветом тут:
Если длинная шапка уходит вверх при скроллинге страницы вниз, то баннер приклеивается к потолку окна сайта и выглядит вот так:
Если скроллировать ещё дальше, то баннер должен упираться в футер и уходить вверх:
Данную логику желательно реализовать на CSS, если не получится, то на Javscript. Оба баннера симметричны (один слева, другой справа). При уменьшении ширины экрана баннеры должны отображаться вплоть до 1150px и затем исчезать (т.к. меняется разметка страницы, где им уже нет места).
Работа срочная. Спасибо.