h5苹果ios系统中overflow: auto滑动不流畅

方案一：在滚动容器内加-webkit-overflow-scrolling:touch但这个方案有一个问题，在页面内具有多个overflow：auto的情况下，那些具有绝对定位（absolute, fixed）属性的元素，也会跟着滚动。方案二：body{overflow-x: hidden}即，给 body 元素添加overflow-x：

dnpao

8034人浏览 · 2017-08-02 09:58:48

dnpao · 2017-08-02 09:58:48 发布

在滚动容器内加入 -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>

云原生

云原生社区为您提供最前沿的新闻资讯和知识内容

更多推荐