Jason Cain
Jason Cain

Reputation: 1

Scrolling Banno Digital Toolkit within Android Mobile App

I’m running into a very perplexing issue with the Banno Plugin iFrame on Android devices only. I’m unable to scroll within the iFrame. Do you have any example code or guidance on how to make this work? Below is the css that I’m using to show the scrollbar. I’ve also set it to scroll so which typically shows the scrollbar at all times. It does work on iOS and any web browser including the mobile web browser. Any help would be greatly appreciated.

Here is the css that I'm using within the iFrame

height: 400px; 

overflow-x: hidden; 

overflow-y: auto;
   
-webkit-overflow-scrolling: touch;

-ms-overflow-style: -ms-autohiding-scrollbar;

Upvotes: 0

Views: 258

Answers (1)

Chad Killingsworth
Chad Killingsworth

Reputation: 14411

Scrolling in an iframe or embedded mobile browser is not ideal. But it should work with the following styles:

html, body { height: 100%; display: block; overflow: scroll; }

Upvotes: 0

Related Questions