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. 🙂
Yup, you rock. I was stumped that time. I probably should have read the documentation better (oops).
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
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.
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.. :/