-we b kit-overflow-scrolling : touch;開啟手機網頁快速滾動和回彈的效果

南城夏季發表於2018-03-31
網頁
body{
   overflow-x:hidden;
   height: 100%;
   /*開啟手機網頁快速滾動和回彈的效果*/
   -webkit-overflow-scrolling: touch;
   font-size: 12px;
   font-family: "微軟雅黑";
   overflow-x: hidden;
   -webkit-text-size-adjust: none !important;
}
這個快速滾動和回彈的效果，看上去和原生app的效率差不多。
實際上，Safari真的用了原生控制元件來實現，對於有-we b kit-overflow-scrolling的網頁，會建立一個u I s c r o ll view，提供子layer給渲染模組使用。

相關文章