Липкий контейнер + поменять блок на свитке (как на странице Apple HomePod) - PullRequest
Новая
       45

Липкий контейнер + поменять блок на свитке (как на странице Apple HomePod)

0 голосов
/ 28 ноября 2018

Я пытаюсь создать эффект как https://www.apple.com/homepod/ изменить блоки при прокрутке: enter image description here

Я создаю пример на jsfiddle: ссылка

Моя проблема: у меня есть 3 слайда для изменения при прокрутке: 

var slide1 = $('.img-description.first');
  var slide2 = $('.img-description.second');
  var slide3 = $('.img-description.third');

Если я прокручиваю вниз (до конца красного блока в моем примере), а затем прокручиваю назад, код может работать правильно.Но если я повторяю этот алгоритм (без перезагрузки страницы), некоторый слайд не появляется (slide1 часто не появляется). Я думаю, что проблема в условии в строке 100 моего JS, но я не могу понять, как это исправить.Или, может быть, мой подход совершенно неправильный.

Кто-нибудь может мне помочь?

...