我正在使用iframe在我的phonegap应用程序打开一个外部网站。网站是开放的,但它有水平滚动。而如果我打开相同的网站在浏览器的移动的它打开正常没有水平滚动。我用宽度和高度为100%,以及设置宽度为屏幕宽度320或其他,但无法解决问题。同样的问题,我面临着与其他网站。你能帮助我吗?
移动的浏览器上的网站
应用程序中的iframe网站
57hvy0tb1#
在我遇到类似的问题之前,我用下面的方法解决了这个问题。把你的iframe放在下面的div里,它会在你的phonegap里滚动整个网页。
div
<div id="content" style="height: auto; width: auto; overflow: auto; -webkit-overflow-scrolling:touch;"> <iframe height="100%" scrolling="no" width="100% "> iframe content here </iframe> </div>
1条答案
按热度按时间57hvy0tb1#
在我遇到类似的问题之前,我用下面的方法解决了这个问题。把你的iframe放在下面的
div
里,它会在你的phonegap里滚动整个网页。