目前在開發的程式是使用 的方式。
掛在別人的主機平台上使用產品，因此使用了iframe掛載。
結果遇到IOS6.1版本的 ipad 及 iphone 使用safari瀏灠器時 iframe不受控制的超過原本平台上的網頁寬度。
目前的解決方式是加上<Div>
<div id="scrollee" style="-webkit-overflow-scrolling:touch; overflow: scroll;">
<iframe id="object" height="90%" width="100%" type="text/html" src="http://en.wikipedia.org/">
</iframe>
</div>
參考網頁：
http://stackoverflow.com/questions/5267996/how-to-properly-display-an-iframe-in-mobile-safari
因為加入Div變成右在IE、Chrome、及Firefox右邊及下面都會多出 scroll
所以將右邊 Y軸Hidden起來，X軸不能Hidden，因為如果Hideen的話在touch上面就不能左右移動了。
<div style=”overflow-x:scroll ;overflow-y:hidden;overflow:-moz-scrollbars-horizontal !important;”></div>
參考網頁：
http://blog.xuite.net/linriva/blog/52358732-%5BCSS%5DDiv+with+Scroll+bar+~++%E8%BD%89%E8%B2%BC
因為加入Div變成右在IE、Chrome、及Firefox右邊及下面都會多出 scroll
所以將右邊 Y軸Hidden起來，X軸不能Hidden，因為如果Hideen的話在touch上面就不能左右移動了。
<div style=”overflow-x:scroll ;overflow-y:hidden;overflow:-moz-scrollbars-horizontal !important;”></div>
參考網頁：
http://blog.xuite.net/linriva/blog/52358732-%5BCSS%5DDiv+with+Scroll+bar+~++%E8%BD%89%E8%B2%BC
發表文章
0 意見: