I’m looking for insight on an issue I’m experiencing when scrolling images using the attribute “data-bss-parallax” as seen in the premium theme “Bold & Bright.”
If the images are beneath the browser viewport they appear abruptly after they’ve entered the viewport instead of scrolling upwards smoothly from underneath the viewport. I’ve tested this on OSX Safari, OSX Brave, Windows Brave and Windows Firefox.
Is there a simple way to fix this issue? Perhaps there is something obvious I am missing?
Just open the “Bright & Bold” template and size the viewport so that it is too small to show all the images initially and then scroll.
Another note: I absentmindedly assumed the parallax image behaviour was built-in Bootstrap Studio rather than a custom javascript function contained in bold-and-bright.js.
Now I understand how this works inside of BSS and should be able to adapt a solution that works for me.