台灣最大程式設計社群網站
線上人數
1234
 
會員總數:239370
討論主題:185707
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 在iOS裝置中,捲動iframe以及凍結窗格
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
在iOS裝置中,捲動iframe以及凍結窗格
價值 : 50 QP  點閱數:120 回應數:2

樓主

白翼
門外漢
0 30
448 18
發送站內信

使用跨平台開方工具,開發Android與ios的APP

其中有一項,是在頁面中嵌入一個iframe,用於顯示表格資料,且網頁本身有做凍結窗格的功能

這在Android實作上沒問題,iframe可以正常捲動,凍結窗格功能也是正常

但在ios中,需要在父框架中加入-webkit-overflow-scrolling:touch;才能正常捲動,但是凍結窗格功能是失效的



有將網頁直接在Safari上運行過,功能是正常的,因此推測是iframe嵌入的問題

請問先進有無解決的方法?

搜尋相關Tags的文章: [ ios ] , [ 凍結窗格 ] , [ iframe ] ,
本篇文章發表於2017-03-13 16:14
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
其實我是有點莫名奇妙你的問題了。
你是app???還是網頁設計??

還是將app掛入web物件來顯示網頁???
完全搞不懂

不過看樣子你因該是網頁上的問題。
這塈琱騆不明白的一件事
iframe 本身就會有相對應的捲軸你知道嗎??
為何還要再去包一個div來做overflow處理呢??

這樣會互相影響。(會因為各瀏覽器的解讀寬高不同而造成多方衝突影響)

這在pc上會看不出有何問題。但在手機上,因其是觸控應用的方式。
雙overflow會發生連帶影響的情況。

你因該要對iframe的設定相關下手。而不是再用一個div來包控制才對。
本篇文章回覆於2017-03-14 11:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

白翼
檢舉此回應
是APP,在開發平台上是用HTML+JS寫成的

用div並加入;-webkit-overflow-scrolling屬性是爬文得到的結果

在Android div無需加入;-webkit-overflow-scrolling就可以正常運作,但在iOS中沒有這個是無法滑動iframe的

個人覺得有問題的點也在這,在iOS中加入;-webkit-overflow-scrolling在父框架中,滑動的感覺是整個"iframe"而不是嵌入的網頁本身,因此造成網頁本身的凍結窗格失效

因此詢問先進們是否有遇到相同的問題以及解決方案?



本篇文章回覆於2017-03-14 14:56
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

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