我在一个用iframe可见的instagram页面上工作,这个页面一切正常,我的问题是我可以在我的iMac上滚动,但我不能用iPhone或Ipad滚动?
我检查我的代码,我发现了任何隐藏的溢出?
body { overflow: scroll!important; -webkit-overflow-scrolling: touch!important; }
.rightpart { background:#fff; padding-top: 0px!important; padding-bottom: 0px!important; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling:touch !important; height:600px; }<link property="stylesheet" rel="stylesheet" type="text/css" href="index/font/font.css"/>
<link property="stylesheet" rel="stylesheet" type="text/css" href="index/book/jquery.fancybox.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="index/js/modernizr.custom.js"></script>
<script type="text/javascript" src="index/book/jquery.fancybox.js"></script>
<script type="text/javascript" src="index/book/fancybox.js"></script>
<script type="text/javascript" src="index/js/thumbnails.js"></script>
<div class="leftpart"></div>
<div class="rightpart">
<iframe style="border:0px; min-width: 100%; overflow: hidden; min-height:800px;" src=".../"></iframe>
</div>
<script type="text/javascript" src="index/js/functions.js"></script>
发布于 2016-11-22 05:02:13
尝试在css的iframe属性中使用选项overflow: scroll;
iframe {
overflow: scroll;
}发布于 2016-11-22 05:12:42
我建议您使用
iframe {
overflow: auto;
}这将使iframe仅在需要时才显示滚动条。
发布于 2021-11-09 07:47:22
尝试添加
scrolling="yes"添加到您的iFrame标签。
https://stackoverflow.com/questions/40729297
复制相似问题