在 Android 移动应用程序中滚动 Banno 数字工具包

Question

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;

Answer 1

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; }