台灣最大程式設計社群網站
線上人數
974
 
會員總數:246203
討論主題:189777
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> iOS瀏覽器不支援overflow:hidden?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
iOS瀏覽器不支援overflow:hidden?
價值 : 50 QP  點閱數:1982 回應數:4
樓主

迷路
高級專家
11226 138
7717 1748
發送站內信

捐贈 VP 給 迷路
碰到客戶急著出國參展,要將舊站先用iframe的方式嵌入新站中展示(主要是網址要給新的)
我在body中設定overflow:hidden,然後放一個iframe,寬度設100%,高度用js調整,在ie11、chrome、firefox上測試都沒問題
結果客戶反應在蘋果的手機和平板上會有問題
測試後發現在蘋果手機上Safari果然overflow:hidden沒有作用,甚至調整高度用的js也沒有發揮作用
原本以為是Safari的問題,Google時看到不少相同問題的回報
但是在蘋果手機上安裝chrome測試居然也有相同問題
請問這是iOS的問題嗎?有解決的寫法嗎?
下面附上測試時的原始碼

搜尋相關Tags的文章: [ iOS ] , [ overflow:hidden ] ,
本篇文章發表於2015-09-02 10:00
1樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
大大要改用ajax的方式塞入看看嗎?任意門
本篇文章回覆於2015-09-02 11:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

迷路
捐贈 VP 給 迷路 檢舉此回應
改用ajax的方式?是指不用iframe改用div來放網頁內容
先不提需要大量改寫的工程問題

我的問題主要在於overflow:hidden這個css在iOS環境下會失去作用
div還是iframe其實沒關係.......
本篇文章回覆於2015-09-02 14:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
最有價值解答

Daimom
捐贈 VP 給 Daimom 檢舉此回應
我是指直接用ajax的方式直接套網頁進去。 e.g. 任意門
記得以前幹過這種事。

另外,overflow:hidden的問題,剛查了一下 任意門
用這個試試?
公司wifi沒法連,所以沒能測。
本篇文章回覆於2015-09-02 15:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

迷路
捐贈 VP 給 迷路 檢舉此回應
大大給的直接用ajax方式套網頁的任意門,網頁開不起來
不過overflow:hidden的問題順利解決了,原來是iOS不允許html和body設定overflow:hidden
js調整高度失效問題,改用css3的新單位vh/vw解決了
感謝大大的幫忙
下面附上修改後的最終版
本篇文章回覆於2015-09-03 09:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.