Question

问题是我正在为我兄弟的网站制作一个临时页面。该页面只有一个嵌入其中的谷歌订单表格和顶部显示的社交媒体链接。表格必须覆盖整个屏幕。这是网站http://whygenapparel.com/order.html。发生的问题是它在桌面上工作得很好，但<iframe>不能在移动设备上滚动（在我的情况下是iPhone 6）。我尝试了一切。请帮忙。这是我的HTML代码。

    <div class="social-media-buttons">
    <a href="https://www.facebook.com/WhyGenApparel/?fref=ts"                                                                target="_blank"> <img src="images/fb-white-25-by-25.png"></a>
    <a href="https://twitter.com/WhyGenApparel" target="_blank"><img src="images/twitter-white-25-by-25.png"></a>
    <a href="https://www.instagram.com/whygenapparel/" target="_blank"><img src="images/insta-white-25-by-25.png"></a>
</div>
<div class="order-form" style="overflow:auto;-webkit-overflow-scrolling:touch">
    <iframe src="https://docs.google.com/forms/d/1iqlMn-UGnKPN06WFbkGlj6cPAEGjK1341gKfo4eLst4/viewform" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:-1"></iframe>
</div>

这是我的CSS代码：

.social-media-buttons{ margin-top:5px;}
.order-form{ display:block; clear:both;}

iframe不在移动设备上滚动

0 个答案: