You can’t at moment. Scroll effect need a precisely defined position of objects in relationship to the top edge of your browser. This can’t be the case in responsive design.
For example: An image shrinks proportionally, a text box grows vertically, when your browser window is scaled down. All elements below dynamically float relatively to a shrinking image or a grow ing text box and therefore can’t keep a fix position in relationship to the upper browser edge.
I think, Muse will have "responsive scroll effects" in the future, but for the time being, you only can apply them to fixed width breakpoints.
It may be helpful to have a look at these two videos from Dani Beaumont:
I have 2 solutions.
My website: benjaminbrewer.net
Brand new workaround widget
- QooQee.com just came out with a responsive scroll effect widget that is a COMPLETE solution to this problem.
Heres the link: Responsive Scroll Effects