I’m a novice but using BB just got my website launched www.beachrv.sc.
On mobile, the effect I want, of a parallax style vertical scroll up of a long offscreen container, starting from the header at bottom of my hero image, is causing problems at the end of the container.
As the user drags up to complete the scroll of the inner container, the outer, main page, doesn’t scroll up automatically. That is, the inner scroll and outer are not linked. So the user needs to let the scroll release, but WAIT until the inertia scroll finishes its full “bounce” back. Then he drags again, and the outer, main page scroll continues like a normal webpage through the rest of my content.
The delay is a problem as it will give some users the impression the webpage ends at the end of the inner container on top of the hero image.
I asked Claude and didn’t get a solution that worked for me. I would be EXTREMELY grateful if someone would assist. Perhaps there are other more sophisticated ways of doing what I want without the inner/outer scroll containers but this was the solution I came up with and no other alignment or sticky setting for the offscreen text overlaying the hero worked.
I am an amateur and don’t know CSS or JS well enough to solve this. Thank you in advance!