jQuery TipsProgramming Tips

Skrollr Can’t Scroll On Mobile Devices

So you just found Skrollr for jQuery, started using it, and discovered your website won’t scroll on any mobile devices like the iPhone or Android. You just can’t figure out why. Well here’s the solution — try not to beat yourself up about how easy and simple it is.

The README file states the following: Starting with skrollr 0.6.0 there’s just one thing you need to do: Include an element on your page with the id skrollr-body.

Yes, that’s it. Add id=”skrollr-body” to your body element and scrolling is back.

Thank me later… or in the comments. 🙂

Join the discussion 4 Comments

  • DJ says:

    Yup, you rock. I was stumped that time. I probably should have read the documentation better (oops).

  • Sugi says:

    Hi Allen,

    I add the id at body-tag but it doesn’t work on mobile devices. The website is test.ordensbruder-werden.de. Hope, you can give me a suggestion.
    Thanks

  • Frances Suzanne says:

    I don’t know how and where to add this id=”skrollr-body” to my wordpress theme… Also, scrolling works sometimes, it’s hit and miss. I reload the page and it works, then reload again, scrolling not working anymore. I tested on ipad and iphone, Safari and Chrome.

  • ArmX says:

    Hey, Thanks for this, saved me going through all my JS files to locate the unwanted feature.. It’s a bit silly they didn’t add at least a console.log message to show what’s wrong.. :/

Leave a Reply

Allen Gingrich

Author Allen Gingrich

Allen has worked on the web for over a dozen years. Like many young entrepreneurs, he began with a small workspace in his basement, where he eventually formed Ideas and Pixels. The rest, well, is history. Allen enjoys fine wines, weight training, and beautiful, semantic code.

More posts by Allen Gingrich

Join the discussion 4 Comments

  • DJ says:

    Yup, you rock. I was stumped that time. I probably should have read the documentation better (oops).

  • Sugi says:

    Hi Allen,

    I add the id at body-tag but it doesn’t work on mobile devices. The website is test.ordensbruder-werden.de. Hope, you can give me a suggestion.
    Thanks

  • Frances Suzanne says:

    I don’t know how and where to add this id=”skrollr-body” to my wordpress theme… Also, scrolling works sometimes, it’s hit and miss. I reload the page and it works, then reload again, scrolling not working anymore. I tested on ipad and iphone, Safari and Chrome.

  • ArmX says:

    Hey, Thanks for this, saved me going through all my JS files to locate the unwanted feature.. It’s a bit silly they didn’t add at least a console.log message to show what’s wrong.. :/

Leave a Reply