我的网站无法在移动设备上滚动

Question

This has bothered me for a long time. Since I updated my personal website, it didn't scroll on either Android nor iOS mobile devices. I'm not sure what is causing the problem - css, Javascript or something else? Here is the my website: http://anniedream.com And here is a cleaner version of my website (I took out the parallel scrolling stuff..) http://anniedream.com/150703Preview01/

Hope someone can help me out. Thank you very much!

Answer 1

It's a JavaScript problem, try removing

    skrollr.init({
        forceHeight:false
    });

If this is not the culprit, try desactivating the overlay. Something "covers" your website with a fixed element or something detects the scrolling and can't deal with it.

Maybe you added some pop-up or overlay effects that still get rendered on mobile. Try removing it instead of using display:none or visibility:hidden .