When I set the overflow-x: hidden for the body and html the parallax scrolling no longer works. I get big gaps between the elements that are scrolling that are not there if I remove that attribute. It also seems that the scrolling effects no longer work. Do you have any idea why this might be the case?
So I figured out that it was because my window and html had a height of 100%, which meant that the window was not scrolling and was preventing angular-scroll from working.
When I set the overflow-x: hidden for the body and html the parallax scrolling no longer works. I get big gaps between the elements that are scrolling that are not there if I remove that attribute. It also seems that the scrolling effects no longer work. Do you have any idea why this might be the case?