Hello. I have a project that uses [login to view URL] in a horizontally scrolling web page, with parallax. To bid, please understand this library or have a better solution that can be implemented right away. See [login to view URL]
As the user scrolls, items (text bubbles) fade in as they enter the right edge of the window, and fade out as they leave the left side of the window.
I need to:
1) Start with no bubbles showing until user initiates scroll
2) Bubbles should fade in as they get to the center area of the screen, and fade away a they leave the center area.
3) Should continue to work in modern browsers and window resizing
Note that [login to view URL] has a viewOffset parameter that uses pixels. This is not a solution for me because it doesn't flex with the size of the window. If we can create a script that produces a variable that adjusts to window size, we could use percentages in the offset parameter. (So we could effectively say bubbles reveal in the center third of the screen.
This is an idea, not a direction.
Please be experienced and read the description before bidding. I won't consider generic responses and I don't have time for explorations on this project. thanks!