項目需要放到ipad應用了,發現有一個奇怪的問題,就是我div是設置滾動屬性的,在pc上面的各個瀏覽器頁面變小時,會出現滾動條,可是是ipad的safari,則不會滾動,開始以為是div的問題
但發現頁面的源代碼貼出來后,div又可以滾動了,所以判斷safari也是支持滾動條的,只是他隱藏了而已,后來發現 我外層是嵌套一個iframe的,終於找到問題的關鍵了
於是在iframe的外層加入一個div
<div class="container" style="-webkit-overflow-scrolling:touch; overflow: auto;"> <iframe width="100%" id="main" name="main" src="main.aspx" frameborder="0" scrolling="auto"></iframe> </div>
主要是style="-webkit-overflow-scrolling:touch; overflow: auto;"這個樣式,讓他支持界面touch和自動滾動
這樣界面就可以滾動咯