Я пытаюсь создать сценарий параллакса, похожий на тот, который есть в Google Store . (См. Эти разделы для справки: Каюта, Человек в машине с телефоном, столик с водой, женщины смеются с мультяшной собакой)
Каждая секция параллакса может иметь различные свойства, например - масштаб изображения со значениями от до и от .Это говорит секции параллакса, какой эффект иметь и где начинать и заканчивать переход.В этом примере изображение будет увеличиваться, когда посетитель прокручивает страницу вниз, но это может быть любое количество опций, которые делают его очень гибким.
Моя цель воссоздать этот эффект - получить процент от того, гдевидимый экран пользователя сравнивается с областью параллакса.Это p в моем примере кода.Прямо сейчас мой сценарий показывает положительный процент от верхней части страницы документа до нижней части секции параллакса, что не то, что мне нужно, но это настолько, насколько я смог принять мои расчеты.Я думаю, что это близко.
В примере с JS Fiddle я надеюсь, что p будет 0%, когда нижняя часть экрана пользователя впервые коснется верхней части секции параллакса (область серого цвета) и 100%, когда верхняя часть экрана касается нижней части секции параллакса.До параллакса секция p будет отрицательной, а после будет больше 100%.
https://jsfiddle.net/JoshRowland/h04j3m82/41/
p = (obj_pos_y_end - ((obj_pos_y_end + winHeight) - scrollBottom)) / obj_pos_y_end;