Scrolling DIV and Canvas flicker on iPhone/iPad touch

　　最近一直在最佳化一個網站，為了使其能在行動裝置上有更好的使用者體驗，我們做了許多調整，包括將所有的Flash和Silverlight控制項替換成HTML5，以及添加一些針對觸屏的事件等。在下一篇文章中我會介紹一些針對觸屏開發的技巧。

　　DIV元素預設的捲軸在iPhone和iPad會消失，其實這個問題不是代碼或CSS本身的問題。Apple預設將其系統上所有的捲軸都隱藏起來了，當然這也包括HTML元素。在Apple裝置上，預設行為是當使用者觸摸並滑動螢幕時，所在的元素如果支援捲軸並且捲軸可用，那麼將立即顯示捲軸並支援滑動。預設情況下捲軸都是不顯示的。這裡有兩篇文章介紹了如何在Apple裝置上給DIV添加捲軸。

http://www.cnblogs.com/weinan/archive/2013/01/05/2832800.html

http://cubiq.org/scrolling-div-on-iphone-ipod-touch

　　幾個關鍵的CSS樣式：

height: 450px;overflow: hidden;-webkit-overflow-scrolling:touch;

 　 另外，在Apple裝置上，如果頁面上有動態產生的Canvas對象並且能響應touch事件，當你用手指點擊並在Canvas上滑動時它會莫名其妙地閃爍，要解決這個問題只需要給Canvas對象添加下面這個樣式即可：

-webkit-tap-highlight-color:rgba(0,0,0,0);