ipad下面Iframe沒有滾動條問題

時間 2019-12-18

標籤 ipad 下面 iframe 沒有滾動條問題欄目 iPad 简体版

原文原文鏈接

解決iPad上的iframe沒法觸摸滾動

<div>html

</div>ide

test.htmlhtm

<html>iframe

<head></head>it

<body>class

<div></div>
test

</body>
webkit

</html>scroll

須要在iframe外面的div以及iframe裏面頁面的html,body都要加上
overflow: auto;
-webkit-overflow-scrolling: touch;

這樣能夠出現滾動條，

說明：

須要給iframe的父元素設置獨立區域可滾動，-webkit-overflow-scrolling: touch;，但同時還須要設置如下屬性才能夠：1. -webkit-overflow:auto;2.父元素的寬和高，還必須設置成絕對的像素，百分比是不能夠的。

相關標籤/搜索