Сurtain effect?

pdg.design
64 Posts
pdg.design posted this 02 April 2018

Hi!
is this possible to create curtain effect - as is here: https://www.stanford.edu/
Thank you!

Hi! is this possible to create curtain effect - as is here: https://www.stanford.edu/ Thank you!
Vote to pay developers attention to this features or issue.
10 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 02 April 2018

Hi,

That site has the fixed main content area and the relative header with the intro image. But in the header the menu is set to be fixed on the screen.

Sincerely,
Hella

Hi, That site has the fixed main content area and the relative header with the intro image. But in the header the menu is set to be fixed on the screen. Sincerely, Hella
pdg.design
64 Posts
pdg.design posted this 02 April 2018

So... Header with image I need to set to relative position.
All sections of main content set to fixed position?
Thank you!

So... Header with image I need to set to relative position. All sections of main content set to fixed position? Thank you!

Last edited 02 April 2018 by pdg.design

Support Team
Support Team posted this 02 April 2018

Hi,

Yes, that's right. If you have a lot of sections in the main area, then set the Content and Sidebars to fixed.
Looks like it should work this way.

Sincerely,
Hella

Hi, Yes, that's right. If you have a lot of sections in the main area, then set the Content and Sidebars to fixed. Looks like it should work this way. Sincerely, Hella
pdg.design
64 Posts
pdg.design posted this 02 April 2018

Hella, спасибо, но что то не так идет...
Еще раз..
header вместе с картинкой я ставлю в relative position.
Дальше идут 5 секций.
Их всех одну за другой в fixed position?

Hella, спасибо, но что то не так идет... Еще раз.. header вместе с картинкой я ставлю в relative position. Дальше идут 5 секций. Их всех одну за другой в fixed position?
Support Team
Support Team posted this 02 April 2018

Нет, если вы каждой отдельно поставите fixed, то они просто друг под другом расположатся. У вас эти секции лежат в Content and Sidebars? Вот для этого контрола поставьте fixed. Если не получится, давайте вашу тему, посмотрю, может я тоже что-то напутала.

Sincerely,
Hella

Нет, если вы каждой отдельно поставите fixed, то они просто друг под другом расположатся. У вас эти секции лежат в Content and Sidebars? Вот для этого контрола поставьте fixed. Если не получится, давайте вашу тему, посмотрю, может я тоже что-то напутала. Sincerely, Hella
pdg.design
64 Posts
pdg.design posted this 02 April 2018

Собственно, находится здесь.http://www.usmf.co.il/en/
Я прилагаю тему.
Спасибо вам за терпение!

Собственно, находится здесь.http://www.usmf.co.il/en/ Я прилагаю тему. Спасибо вам за терпение!
Support Team
Support Team posted this 10 April 2018

Hi,

На самом деле сделать такой же эффект как в вашем примере в Themler будет сложно, т.к. там он создан не на чистом CSS. Есть еще скрипт, который в определенный момент скролла страницы убирает определенные стили. Как уже говорилось, у области контента, которая под Шапкой, стоит фиксированное позиционирование. Но оно убирается как только скрывается скроллящаяся часть Шапки (с заголовком "Stanford"). И, соответственно, возвращается, как только эта часть показывается. Чтобы сделать такую же штуку вам нужно уметь писать js. Иначе динамику не получить и фиксированные элементы останутся фиксированными и будет не так, как в хотите.

Thank you,
Olivia

Hi, На самом деле сделать такой же эффект как в вашем примере в Themler будет сложно, т.к. там он создан не на чистом CSS. Есть еще скрипт, который в определенный момент скролла страницы убирает определенные стили. Как уже говорилось, у области контента, которая под Шапкой, стоит фиксированное позиционирование. Но оно убирается как только скрывается скроллящаяся часть Шапки (с заголовком "Stanford"). И, соответственно, возвращается, как только эта часть показывается. Чтобы сделать такую же штуку вам нужно уметь писать js. Иначе динамику не получить и фиксированные элементы останутся фиксированными и будет не так, как в хотите. Thank you, Olivia
pdg.design
64 Posts
pdg.design posted this 10 April 2018

Да, я уже пытался, без дополнительных скриптов тут не обойтись.
Поковыряюсь немного.

А еще вопрос - не по теме, дополнительные эффекты аннимацмм вы не планирете подключать? На том же сайте есть очень интеренсный эффект Blur, например.

Спасибо!

Да, я уже пытался, без дополнительных скриптов тут не обойтись. Поковыряюсь немного. А еще вопрос - не по теме, дополнительные эффекты аннимацмм вы не планирете подключать? На том же сайте есть очень интеренсный эффект Blur, например. Спасибо!
pdg.design
64 Posts
pdg.design posted this 10 April 2018

В принципе эффект подьема занавеси решается с помощью эффекта скрул аут, но исчезающая часть почему то сразу возвращается, что меня несколько озадачило.

В принципе эффект подьема занавеси решается с помощью эффекта скрул аут, но исчезающая часть почему то сразу возвращается, что меня несколько озадачило.
Support Team
Support Team posted this 10 April 2018

Добрый день,

Да, наимации у нас так работают, она проиграется и контейнер вернется на свое изначальное место, позиционирование навсегда не изменится. По поводу новых анимаций, пока нет планов добавлять что-то новое, но мы учтем ваше пожелание.

Sincerely,
Hella

Добрый день, Да, наимации у нас так работают, она проиграется и контейнер вернется на свое изначальное место, позиционирование навсегда не изменится. По поводу новых анимаций, пока нет планов добавлять что-то новое, но мы учтем ваше пожелание. Sincerely, Hella
You must log in or register to leave comments