h5苹果ios系统中overflow: auto滑动不流畅
方案一:在滚动容器内加-webkit-overflow-scrolling:touch但这个方案有一个问题,在页面内具有多个overflow:auto的情况下,那些具有绝对定位(absolute, fixed) 属性的元素,也会跟着滚动。方案二:body{overflow-x: hidden}即,给 body 元素添加overflow-x:
·
在滚动容器内加入 -webkit-overflow-scrolling: touch 样式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1">
<title>无标题文档</title>
</head>
<body>
<style>
.scroll{
width: 100%;
height: 300px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
</style>
<div class="scroll">
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
111111111<br>
</div>
</body>
</html>
更多推荐
已为社区贡献1条内容
所有评论(0)