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

[Sings]

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]

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

[Sings]

Hi Willam

Thanks for your reply.

I tried method that instructed me, but it didn't work.

[Willam van Weelden · Accepted solution]

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

[Sings]

Hi Willam

Thank you for taking the time to reply.

I appreciate your kindness.

I was able to scroll through the content when Itried method that instructed me.

Thank you for teaching me !