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>
时间： 2024-10-13 10:29:37