2018年11月21日 星期三

iphone下使用iframe的問題

記錄一下iphone上的問題
最近遇到一個case需要在parent頁面透過iframe開啟child頁面
child頁面的scroll就出問題了
整理一下幾個問題點


  1. css若position設定為fixed
    會有很多怪現象不要用
  2. iframe內要抓取child頁面的高度
    window.innerHeight會隨內容的多少而增減
    不要使用,改用screen.height取得真正的高度
    再做計算
  3. child頁要使用iscroll需要計算出外框的高度
    在iphone下高度用screen height取得高度後
    必須要扣掉parent 的 footer與header高度
    才會準確

沒有留言: