Plenty of people noticed this shortcoming, and some library authors weren’t ready to be defeated. This ability was taken away from us on these new platforms which, inside their own native applications, commonly made use of small, nested scrolling panes in order to better fit more content on such relatively tiny screens. On desktop we took it for granted that we could add a scroll bar to any element. When we got our first taste of HTML5-capable mobile browsers, one of the first things web designers and developers noticed was their lack of scrolling overflow support. At this point, you might be wondering what the issue with mobile browsers happens to be, and how Stellar.js lets us overcome this. If you’re feeling impatient, you can skip straight to the demo. As you can imagine, this is far from impressive.Īs a personal goal to not only make parallax effects as simple as possible, but to make them work on mobile browsers where these effects are notoriously difficult, I created a scrolling parallax library called Stellar.js. Mobile browsers place a limit on script execution during scroll, so your carefully crafted parallax effects won’t happen until scrolling has come to a complete halt. Unfortunately this effect is hampered on touch devices, where tactile feedback and intertial scrolling would perfectly suit parallax animation. While the effect can certainly be abused, when applied with a light, elegant touch, it can breathe new life into your site. What is normally a simple process of moving static content along the screen can become an act of moving through a makeshift, HTML world. Parallax effects can be an extremely effective way to engage users during the simple act of scrolling.
0 Comments
Leave a Reply. |