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

最新推荐文章于 2022-07-04 09:39:03 发布

dnpao

最新推荐文章于 2022-07-04 09:39:03 发布

阅读量7.8k

点赞数 1

本文链接：https://blog.csdn.net/dnpao/article/details/76571474

版权

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dnpao

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
h5苹果ios系统中overflow: auto滑动不流畅

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

扫一扫