Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jquery пролистывание по хэдер (https://javascript.ru/forum/jquery/25907-jquery-prolistyvanie-po-khehder.html)

Marik 19.02.2012 16:03

jquery пролистывание по хэдер
 
Добрый день уважаемые форумчане. У меня такой вопрос, надо сделать у сайта такой эффект. Есть хэдер, контент область. Хэдер будет жестко привязан к верху сайта и всегда находиться поверх контента, а при прокрутке соответственно все будет уходить под него. Так вот в чем вопрос: хэдер будет прозрачным, и если обойтись одним css стилем для хэдера position:fixed, то все будет уходить под хэдер, но все это будет там видно, а мне нужно чтобы контент, который оказывался под хэдером - исчезал, а не просто прятался под хэдер (надеюсь понятно).

Есть конечно вариант, сделать что-то типа iframe (просто область со своей прокруткой) и прикрутить к нему красивую полосу прокрутки, но задача именно состоит в методе выше, чтобы полоса прокрутки была стандартная и на все окно.

Заранее спасибо за ответ. Хотелось бы увидеть наброски кода.

-majestic- 19.02.2012 16:44

Добрый вечер.
А если попробовать сделать 3 слоя. Создать ещё див под хэдером белого (или фонового) цвета (0). Хэдер будет над ним (1).
Слой контента ниже обоих (-1). Таким образом будет создаваться эффект прозрачности для хэдера, а контент уходить под белый слой, и его не будет видно.
Не знаю правда, покатят ли тут слои.

Marik 19.02.2012 17:18

В том то и дело, что фон у хэдера должен быть прозрачным... Если бы просто белым было, ясное дело сделал бы просто.. А фон может быть даже разным, в зависимости от выбора бэкгрануда, т.е. несколько вариантов. Поэтому бэкграунд может быть только у тега body

T-sh 19.02.2012 18:37

что мешает сделать слой-"подложку" под шапку с точно таким же бэкграундом как у body?
другой вариант: играть с высотой контейнера с контентом и overflow... уменьшать высоту по мере скролла вниз, и увеличивать по скроллу вверх, позиционировать по нижней линии и т.д.. долго, неудобно, криво.. лучше "подложку" сделать

-majestic- 19.02.2012 18:53

Цитата:

Сообщение от Marik (Сообщение 158478)
А фон может быть даже разным, в зависимости от выбора бэкгрануда, т.е. несколько вариантов. Поэтому бэкграунд может быть только у тега body

T-sh опередил меня и сказал то, что я хотел: слои можно подогнать как угодно. Отрежьте сколько нужно от бэкграунда боди и прилипите к созданному слою (0).

Marik 19.02.2012 22:03

Да в том то и дело, что бэкграундом не пойдет, так бы уж давно подложками сделал. Ведь там просто текстура, которая дублируется, и подбирать, подгонять, не вариант, т.к. я уже говорил что текстура может быть разной, разный рисунок, поэтому такой вариант отпадает... В общем понял что смысла нет и реализовал отдельную полосу прокрутки с помощь jScrollPane.. Всем спасибо за помощь)

T-sh 21.02.2012 20:32

кстати, только дошло... свойство clip нам в помощь тут :)


Часовой пояс GMT +3, время: 11:45.