Как сделать эффект наложения блока при скроле?

Question

[massef]

Приветствую.

Подскажите, пожалуйста, как реализовать эффект как на этом сайте?
www.todaythe12.com
Прокрутите до секции с глобусом, в этой секции при скролле появляется/исчезает черный наклонный блок.
Подскажите, что для этого нужно, я никак сообразить не могу. ))

Answer 1

[Kirill Popolov]

.skew_background {
position: fixed;
background: #000;
width: 300%;
height: 300%;
z-index: 0;
transform: skew(42deg);
-ms-transform: skew(42deg);
-webkit-transform: skew(42deg);
-o-transform: skew(42deg);
-moz-transform: skew(42deg);
right: -300%;
top: -300%;
}

изменением right и top он двигается

Comments

[massef]

Покопался в JS коде данного сайта, примерно разобрался. Но не получается запустить смену позиции этого блока при прокрутке до определенного элемента. Можете подсказать какие для этого методы используются?

[Kirill Popolov]

Отслеживайте скролл, считайте позицию.