модификация
Фиксация контента сверху экрана при скролле
About
Contact
Inspiration
ENJOY
scroll down
&
ABOUT
UI/UX
Automobile
BRANDING
Logo
badge
figma
photos
graphics
Illustration
vector
raster
Dubai
Watch the project
Volcano
Watch the project
Music
Watch the project
WRITE ME
WRITE ME
WRITE ME
Glad to see you on my page. If you need any website, just write to me.
Street Address
2277 Nutter Street
City
New York
New York
Zipcode
660077
Telephone Number
259-852-2222
Timezone
UTC-3: Central Standard Time (CST)
State
НОМЕР ШАБЛОНА 28122220
КАК ЭТО СДЕЛАНО:
1 - Создаем zero блок ( в данном случае высота 710 px)
2 - Если мне нужно сделать 3 подобных блока с фиксацией, то выставляю в настройках анимации фиксацию 710px * 3 = 2130px
3 - Фиксирую все элементы по Window on Top с триггером равным значению оси Y
4 - Следующие блоки фиксируем на -710px (т.е. 1420px и 710px соответственно)
5 - Делаем им триггер от верха экрана равное белой полосе. В моем случае это 90px
6 - Сохраняем, публикуем, радуемся));
На мобилках подобную анимацию лучше не применять. На слабых устройстивах будет сильно лагать.
2 - Если мне нужно сделать 3 подобных блока с фиксацией, то выставляю в настройках анимации фиксацию 710px * 3 = 2130px
3 - Фиксирую все элементы по Window on Top с триггером равным значению оси Y
4 - Следующие блоки фиксируем на -710px (т.е. 1420px и 710px соответственно)
5 - Делаем им триггер от верха экрана равное белой полосе. В моем случае это 90px
6 - Сохраняем, публикуем, радуемся));
На мобилках подобную анимацию лучше не применять. На слабых устройстивах будет сильно лагать.
ЕЩЕ КЛАССНЫЕ МОДИФИКАЦИИ