1、-webkit-overflow-scrolling: touch; 解决ios滑动时无缓冲问题
2、::-webkit-scrollbar 设置ios滑动时是否显示滚动条
3、::selection 选中文字时文字颜色和选中色
<!doctype html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no,maximum-scale=1.0" id="viewport" name="viewport"> <title>css小技巧（1）</title> <style type="text/css"> ::selection { color: #FFFFFF; background: #F00; } #scroll_test { width: 100px; height: 100px; border: 1px solid #000; overflow: auto; -webkit-overflow-scrolling: touch; } #scroll_test::-webkit-scrollbar { display:none; } </style> </head> <body> <p class="selection_test"> 在pc端选中这段文字试试！ </p> <div id="scroll_test"> 这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字，这是一段文字！ </div> </body> </html>