个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
24
4
以下代码在桌面和安卓手机上运行良好，但在 ios 上不起作用。如果能帮助我朝着正确的方向前进，我将不胜感激。
https://jsfiddle.net/slash197/047c4dj8/6/
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.holder {
position: relative;
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.content {
width: 100%;
height: 128px;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.row {
width: 3000px;
height: 100%;
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 255, 0.0) 0%,
rgba(0, 0, 255, 1.0) 100%
);
}
<div class="holder">
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
</div>
最佳答案
IOS Safari 忽略了百分比宽度，将其更改为 px，它将开始工作，检查下面的 fiddel 链接。
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.holder {
position: relative;
width: 1000px;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling-x: touch !important;
}
.content {
width: 1000px;
height: 128px;
display:block;
float:left;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling-x: touch !important;
}
.row {
width: 3000px;
height: 100px;
display:block;
float:left;
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 255, 0.0) 0%,
rgba(0, 0, 255, 1.0) 100%
);
}
</style>
</head>
<body>
<div class="holder">
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
<div class="content">
<div class="row"></div>
</div>
</div>
</body>
</html>
关于ios - 无法在 ios 上的可滚动区域内创建可滚动区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48537933/
24
4
0
我有数百个位置的列表，只想显示当前屏幕上这些位置的 MKPinAnnotation。屏幕从 2 英里半径内的用户当前位置开始。当然，用户可以滚动和缩放屏幕。现在，我等待 map 更新事件，然后循环遍历
我试过检查 CGRect: CGFloat imageX1 = imageView.frame.origin.x; CGFloat imageY1 = imageView.frame.origin
我是一名优秀的程序员,十分优秀！