search

stefangabos / Zebra_Dialog

A small, compact, mobile-friendly and highly configurable jQuery plugin for creating gorgeous dialog boxes
http://stefangabos.github.io/Zebra_Dialog/flat.html
Other
155 stars 67 forks source link

No iFrame Scrollbars on iPhones / Touch devices #9

Closed discotizer closed 7 years ago

discotizer commented 7 years ago

There are no iframe scrollbars on iPhones / touch devices, when the iframe content is higher than the dialog. This fixes the issue, add these lines to class ".ZebraDialog .ZebraDialog_Body":

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

Scrolling="No" or "Yes" is not supported anymore in HTML5.

stefangabos commented 7 years ago

Can't add overflow-y: scroll; because that would always show the scrollbar. I'll see how can I do some testes on an iPhone and see what I can do about it

discotizer commented 7 years ago

Well if you like to see my implementation check out www.dorint.com (further down, click on the "Locations" map). On Smartphones or small display you'll get a list, which is scrollable. When you see on larger screens a map of Germany, there are no scrollbars (at least on desktop browsers), although i've added the style mentioned above.

stefangabos commented 7 years ago

I tried it on iPhone 6S (via BrowserStack) and it seems to work now. Can you confirm this?

discotizer commented 7 years ago

Yes, it works. Thanks!