Прокрутите вниз, затем прокрутите вправо и снова прокрутите вниз - PullRequest
0 голосов
/ 24 октября 2019

У меня есть 3 отдельных дел. Первый 100vw и 100vh. Второй имеет 100vw и 100vh, и у него есть div (". Move") внутри 400vw и 100vh - который будет двигаться позже влево и вправо. Третий - 100vw и 100vh.

Когда я прокручиваю вниз, я хочу, чтобы второй div зафиксировал положение. (в этот момент div третий переходит в div второй позиции). Затем я хочу прокрутить вправо от div ".move". В конце прокрутки я хочу добавить абсолютную позицию к div секунде и продолжать прокручивать вниз через div третью.

Я не знаю, сколько мне нужно добавить к scrollX (или translateX (-? Px) или left =-?, не имеет значения, я думаю) поэтому он равен обычному scrollY в конце.

Также, когда я быстро прокручиваю, он переходит на div третий и div ".move" едва прокручивается.

Я хотел бы сделать это, используя полосу прокрутки или колесико мыши.

Это должно выглядеть на этой странице: bitsens.com/

И это мой текущий код: codepen.io/Baromaro/pen / yLLMWMM

(код такой печальный ..)

...