標籤：rod 一個 scrolling body UI 本質 user text pac
前段時間做了一個浮層，但在ios上，浮層滑動不流暢，基本上是隨著手指的移動而移動，經研究加上-webkit-overflow-scrolling: touch即可
eg:
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="keywords" content="尚德機構"/> <meta name="description" content="尚德機構"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="generator" content="bd-mobcard"/> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <title></title> <style type="text/css"> #a { width: 100%; height: 100%; position: fixed; top: 0; left: 0; font-size: 20px; white-space: pre; background: lightgoldenrodyellow; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #b { } </style> </head> <body> <div id="a"> <div id="b"> 1 1 1 1 11 1 1 1 11 1 11 1 1 11 1 1 1 1 11 1 11 11 111111 1 1 1 1 1 1 1 1 1 1 1 1 </div> </div> </body></html>View Code
本質上，此屬性建立了帶有硬體加速的系統級控制項，使元素能快速滑動和回彈，同時也會消耗更多的記憶體。
ios浮層滑動不流暢解決方案
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
