Your time is limited, so don’t waste it living someone else’s life. Don’t be trapped by dogma – which is living with the results of other people’s thinking.

Turning Ideas Into Digital Reality

Шапку ставим Over, дабы анимация начиналась прям от верха, с начала скрола страницы. В шапке могут быть стики конетйнеры (прилипашки).

Инфо: при анимации тул-бар не входит в расчет верхнего края, и анимация у стак-секшин начинается только после того как упрется в верхний край окна, минуя тул-бар. Но если не залогинен, или админке тул-бар скрыт то все нормально анимаируется сразу от самого верха окна при первом скроле.

Если же header_position != over то нельзя использовать “стики”-строки с “Sticky after scroll” (которые становятся стики при скролле). Потому что при расчете высоты stack-секций и их положения (если не header=over) учитывается высота прилипашек – чтобы когда секция прилипнет, она сверху была по краю прилипашек, а снизу – по низу окна.

А когда есть стики-строки “Sticky after scroll” (т.е. стики после скролла), то сначала высота стики строк = 0 (следовательно stack-секция на всю высоту экрана и top=0), а после скролла строка прилипает и высота стики-строк меняется, следовательно меняется top и height у stack-секций – вот она и “прыгает” вниз (топ увеличился).

https://pm.themerex.net/browse/TRX-6136

Content - без фона, прозрачный (не установлен).

Анимация стартует, когда верх следующей секции пересекает линию на 75% (по дефолту, а теперь - сколько укажешь в регуляторе) от верхи окна. - регулятор без респонсива, так что в случае проблем нужно увеличивать высоту верхней секции. на таблетке и моб задана min-height в VH

Enter your text here Enter your text here

Some Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.