Website Will Not Scroll on Mobile Devices

Website will not scroll on mobile devices

The overflow:scroll should be removed from the html, body CSS rule. The body scrolls itself if the content is too long, no need for that particular rule - it will only leads to strange behavior (e.g. in Firefox two scrollbars are displayed to me)

page is not scrolling vertically in mobile devices

I think its because of position and z-index the z-index value make problem in your small screen.

Its possible that the element which have high z-index value. stopping you for scroll.

and It can be possible you have overflow:hidden in wrong place. It will be good, If you show some code of line or your site link.

My website won't scroll on mobile devices

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.

How can I fix that my HTML website does not scroll on mobile devices?

This is because of your

animate.css line 11:

html, body {
    overflow: hidden;
}

Try to remove it.

Website will not scroll on mobile devices but only in desktop

Styles.css line 1838: remove body{ overflow:hidden; }

Mobile site - doesn't scroll at all

I would do the following...

1. I would first temporarily disable/remove the stylesheets to make sure everything is spiffy as plain html (if you still have an issue without the stylsheets, there is probably a js script wrecking chaos)
2. I would search for position absolute(specifically on a wrapper,content, or sidebar element) in the stylesheet. This is often the #1 killer for scrollability on iOS/mobile phone devices.

---

Related Topics