ios內iframe內容不能滾動的解決方案

2021-09-24 12:59:42 字數 1358 閱讀 5642

在使用iframe或者其他html元素時,你需要使用乙個元素(如div)來包裝他們:

? 1

2

3

>

?1

這個div將作為支援內部滾動的基礎容器。

css **

要讓iframe支援滾動,需要乙個常用的css屬性和乙個很少人知道的css屬性(property):

? 1

2

3

4

5

6

7

8

.scroll

-webkit-overflow-scrolling: touch;

overflow-y:scroll;

}

.scroll

/* 你自己指定的樣式 */

}

-webkit-overflow-scrolling: touch; 屬性值就是專為瀏覽器中溢位(overflow)時需要滾動的元素設計的。 如果沒有指定這個屬性,當你想滾動iframe時,實際上會導致外層頁面的滾動,通過它你就可以對iframe的滾動進行控制! 在原作者的部落格站點中,使用了下面的css:

? 1

2

3

4

5

6

7

8

9

10

11

12

13

14

.demo-iframe-holder

.demo-iframe-holder iframe

iFrame只要豎滾動條,不要橫滾動條的方法

name test marginwidth 0 marginheight 0 allowtransparency true id test scrolling auto height 200px width 200px 我們可以通過js來該iframe的寬和高,當然包括src裡面包含的頁面或者do請...

解決 iframe 在 iPad 上無法滾動的問題

昨天用iframe模擬原生應用的webview功能,巢狀乙個 或本地html,今天通過測試,在ipad會出現頁面無法滾動的問題。iframe的寬高都為螢幕的寬和高,設定屬性scrolling auto 以及樣式overflow auto都沒用,而且iframe元素不支援touch事件,在iframe...

MFC不能用UpdateData的解決方法

1.定義乙個訊息 define wm update message wm user 200 為了防止使用者定義的訊息id與系統的訊息id衝突,ms microsoft 定義了乙個巨集wm user,小於wm user的id被系統使用,大於wm user的id被使用者使用 2.定義訊息對映 begin...