iFrame scrolling not working on iOS devices

问题

I have responsive site which have an issue of scrolling because of iFrame.

# Problem

> Open site in iPhone in any browser
> list of images and video display
> Try to scroll down then it's work while images but when video then scrolling not worked because of video display in iFrame and iOS device not allow to scroll on `iFrame`.

Is there any CSS trick or any particular issue with iOS devices?

It's not work in iPhone / iPad.

NOTE: I do not want to scroll into iFrame but page scroll not working when touch on iFrame and try to page down. Got it?

Let me know if any one sort this issue or any trick.

Thanks

回答1:

Try,

.iframe-container {
    overflow:scroll !important; -webkit-overflow-scrolling:touch !important;
}

回答2:

Try adding this to the iframe container:

-webkit-overflow-scrolling: touch;

来源：https://stackoverflow.com/questions/45212227/iframe-scrolling-not-working-on-ios-devices