overflow:scroll 在ios 滾動卡頓

來源:互聯網
上載者:User

標籤:一個   lib   需要   控制項   渲染   環境   href   ssr   ann   

使用

-webkit-overflow-scrolling 

屬性控制元素在行動裝置上是否使用滾動回彈效果.

auto

  使用普通滾動, 當手指從觸控螢幕上移開,滾動會立即停止。

touch

  使用具有回彈效果的滾動, 當手指從觸控螢幕上移開,內容會繼續保持一段時間的滾動效果。繼續滾動的速度和持續的時間和滾動手勢的強烈程度成正比。同時也會建立一個新的堆棧上下文。

 

非標準
該特性是非標準的,請盡量不要在生產環境中使用它!

尚未有相關規範。另在Apple提供的Safari CSS 參考文檔中有所提及。

只在ios上有用

實際上,Safari真的用了原生控制項來實現,對於有-webkit-overflow-scrolling的網頁,會建立一個UIScrollView,提供子layer給渲染模組使用。

摘抄:

  1. 從SVN log看,在WebKit 108400版本左右才支援,所以iOS Safari應該是需要5.0。Android則是在4.0以上支援。
  2. 從前端開發的角度講,只需要知道CSS的屬性-webkit-overflow-scrolling是真的建立了帶有硬體加速的系統級控制項,所以效率很高。
  3. 從實際開發的角度講,採用這樣的做法相對是耗更多記憶體的,最好是在產生了非常大面積的overflow時才應用。

overflow:scroll 在ios 滾動卡頓

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.