ScrollReveal Horizontal fix

In Progress Posted 5 years ago Paid on delivery
In Progress Paid on delivery

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!

CSS HTML5 JavaScript jQuery / Prototype

Project ID: #17993630

About the project

4 proposals Remote project Active 5 years ago

4 freelancers are bidding on average $147 for this job

ludwig333

Hello How are you? I am very interested in your project. I have read your description very carefully. I can do your job in time. I would like to talk with you in detail about your project. Kind More

$100 USD in 3 days
(44 Reviews)
6.2