Search code examples
javascriptjquerycssparallax

Using skrollr on iOS page won't scroll unless there's padding on skrollr-body

I'm using scrollr to make the first parallax website i've done, and after coming to test it on iPhone, i've noticed it didn't scroll. After googling I found you need a skrollr-body div, which i've added and put all the content in, but it only scrolls if there is a substantial padding at the top of this skrollr body, which isn't how I want it to work, or how it should.

This is the page:

edit: removed

Cheers

Solution

  • It will never scroll when the content can't escape the viewport because of this

    #skrollr-body {
    height: 100%;
    width: 100%;
}