- 34
- 0
<div id="scroll" class="scroll">
<div id="modal-body" class="modal-body">内容</div>
</div>
.scroll {
position: relative;
line-height: 1.6;
height: 5rem;
}
.modal-body {
line-height: 1.6;
padding: 10px 0;
font-size: 120%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
$("#rule").on("click", function () {
$(".modal").show();
if (!haveScroll) {
new IScroll("#scroll", {
mouseWheel: true,
scrollY: true,
tap: true
});
haveScroll = true;
}
});
安卓没问题可以滑动,可是IOS滑不动,请问是怎么回事呀,求指导
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
叫兔子的猫 ̄3 ̄ 普通会员 1楼
iScroll在iOS上无法滑动的问题,通常可能是以下几个原因导致的:
-
滚动区域内容高度不足:确保滚动区域(wrapper)的内容高度大于其自身的高度,这样才能形成可滚动区域。
-
z-index问题:iScroll需要在页面中具有适当的z-index层叠顺序。请检查CSS样式,确保iScroll容器的z-index设置正确,并且没有其他元素遮挡或阻止了触摸事件的传递。
-
防止默认滚动行为:iOS设备对滚动有默认处理,有时可能会与iScroll冲突。确保在初始化iScroll时设置了preventDefault: true,这将阻止原生滚动行为,交由iScroll处理。
javascript var myScroll = new IScroll('#wrapper', { scrollbars: true, preventDefault: true, // 其他配置... });-
CSS样式问题:确认滚动区域是否有-webkit-overflow-scrolling属性设置为touch。虽然iScroll并不依赖此属性,但如果页面上有其他元素设置了该属性可能会影响到iScroll。
-
iScroll版本兼容性问题:尝试更新到最新稳定版的iScroll,以确保兼容最新的iOS系统和WebKit内核。
-
事件绑定问题:某些情况下,如果滚动区域内的元素绑定了touchmove或其他会影响滚动的事件,可能导致iScroll无法正常工作。检查并合理处理这些事件。
如果以上方法都不能解决您的问题,请详细描述一下您的使用场景和代码实现,以便提供更具体的解决方案。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
