jquery пролистывание по хэдер
Добрый день уважаемые форумчане. У меня такой вопрос, надо сделать у сайта такой эффект. Есть хэдер, контент область. Хэдер будет жестко привязан к верху сайта и всегда находиться поверх контента, а при прокрутке соответственно все будет уходить под него. Так вот в чем вопрос: хэдер будет прозрачным, и если обойтись одним css стилем для хэдера position:fixed, то все будет уходить под хэдер, но все это будет там видно, а мне нужно чтобы контент, который оказывался под хэдером - исчезал, а не просто прятался под хэдер (надеюсь понятно).
Есть конечно вариант, сделать что-то типа iframe (просто область со своей прокруткой) и прикрутить к нему красивую полосу прокрутки, но задача именно состоит в методе выше, чтобы полоса прокрутки была стандартная и на все окно. Заранее спасибо за ответ. Хотелось бы увидеть наброски кода. |
Добрый вечер.
А если попробовать сделать 3 слоя. Создать ещё див под хэдером белого (или фонового) цвета (0). Хэдер будет над ним (1). Слой контента ниже обоих (-1). Таким образом будет создаваться эффект прозрачности для хэдера, а контент уходить под белый слой, и его не будет видно. Не знаю правда, покатят ли тут слои. |
В том то и дело, что фон у хэдера должен быть прозрачным... Если бы просто белым было, ясное дело сделал бы просто.. А фон может быть даже разным, в зависимости от выбора бэкгрануда, т.е. несколько вариантов. Поэтому бэкграунд может быть только у тега body
|
что мешает сделать слой-"подложку" под шапку с точно таким же бэкграундом как у body?
другой вариант: играть с высотой контейнера с контентом и overflow... уменьшать высоту по мере скролла вниз, и увеличивать по скроллу вверх, позиционировать по нижней линии и т.д.. долго, неудобно, криво.. лучше "подложку" сделать |
Цитата:
|
Да в том то и дело, что бэкграундом не пойдет, так бы уж давно подложками сделал. Ведь там просто текстура, которая дублируется, и подбирать, подгонять, не вариант, т.к. я уже говорил что текстура может быть разной, разный рисунок, поэтому такой вариант отпадает... В общем понял что смысла нет и реализовал отдельную полосу прокрутки с помощь jScrollPane.. Всем спасибо за помощь)
|
кстати, только дошло... свойство clip нам в помощь тут :)
|
Часовой пояс GMT +3, время: 11:45. |