Skip to main content
Sings
Participating Frequently
November 10, 2014
Answered

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

  • November 10, 2014
  • 1 reply
  • 2727 views

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?

This topic has been closed for replies.
Correct answer Willam van Weelden

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

1 reply

Willam van Weelden
Inspiring
November 10, 2014

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
SingsAuthor
Participating Frequently
November 11, 2014

Hi Willam

Thanks for your reply.

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

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
November 11, 2014

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