Responsible HTML5: I can't scroll through the content (iOS 8.1).

Question

I generate Responsible HTML5 outputs, that using template "Theme3_Black". When I browse outputs with mobile Safari (iPhone 5S, iOS 8.1), i can't scroll through the content. Is that bug?

Willam van Weelden · Accepted Answer

Ok, this was a little more complicated than I expected. You can fix the issue by adding the following to your Screen Layout CSS:

div.contentholder {

overflow-y: auto !important;

-webkit-overflow-scrolling: touch;

}

iframe.wTopic {

width: 99% !important;

height: 99% !important;

}

I tested this on iPad mini (iOS 8.1), Chrome on Android (5.0 & 4.4), IE, FF and Chrome.

This fix works for both the Theme3_black as well as the Theme1_standard.

Kind regards,

Willam

Willam van Weelden · Answer

I haven't really played with the black layout, but I know there's an issue in iOS safari scrolling iFrames. The following should fix it:

In the CSS of the layout add the following:

div.contentholder {

-webkit-overflow-scrolling: touch;

}

I don't have an iPad handy right now that I can test on, but this fixes it for other sites I work on.

Kind regards,

Willam

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.