（ios兼容）ios系统下，弹窗之后滚动背景，再点击弹窗里的按钮发现按钮不能点或者不灵敏，怎么回事？

最新推荐文章于 2024-03-04 17:28:32 发布
最新推荐文章于 2024-03-04 17:28:32 发布
阅读量180 收藏 1
点赞数
分类专栏： 兼容性 文章标签： 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37609787/article/details/129922248
版权

ios系统下，滚动背景导致弹窗按钮不灵敏，可以在弹窗的时候让背景不能滚动，弹窗隐藏的时候恢复滚动。

在这里插入图片描述
在这里插入图片描述

猿耳盗铃
关注
专栏目录
ios 底部弹窗滑动_正确处理iOS从下方滑出滚动视图
weixin_39892842的博客
12-22 1097
在iOS 11开始，从最早的地图应用到最近的捷径，陆续有系统应用使用从下方滑出列表的形式，这种系统提供的圆角风格视图用手势划出和隐藏时非常自然流畅。国内的一些应用也跟进了这种交互方式，但是我发现很大一部分APP都没有正确的处理ScrollView滚动和视图滚动的衔接，以至于相比于系统应用不够自然。比如知乎、抖音的评论列表页，需要手指拿开一下才能切换视图移动和scroll滚动，衔接不够连续。此文没什...
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 7388
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
完美解决ios端弹出层滑动底部跟着滑动以及安卓软键盘弹起撑起底部盒子问题
weixin_43839002的博客
05-08 1939
hellow，大家好，我是前端钻石青铜段位的乐彦祖
如何解决ios弹出框输入内容后，背景往上滑的问题
Hero_rong的博客
12-26 2622
给背景设置如下样式即可 position: fixed; top: 0; left: 0;  
ios机型下，滚动有遮罩层的弹框， 会触发底部页面的滚动事件
yezi_Z的博客
08-20 1845
问题描述： 被遮挡的页面是一个有滚动条的页面。覆盖在上方的是一个有遮罩层的弹框。弹框内部存在滚动条。 在ios机型下，当不做任何处理时，点击遮罩层对应的位置，会触发被遮挡页面的click操作。并且弹框内部无法进行正确的滚动，而是直接触发了被遮挡页面的滚动操作。 解决方案： 如果不介意滑动遮罩层，仍可以滚动被遮挡页面。处理方式相对比较简单, 可以直接在遮罩层上阻止touchmove操作的冒...
解决移动端出现弹窗背景禁止滚动（阻止苹果浏览器的默认行为）
AliceWu的博客
01-26 8854
添加js样式： $(“.zzc”).on(“touchmove”,function(){ 　　　　event.preventDefault(); }); 注意：.zzc是遮罩层的名字
移动端弹窗(提示框)(绝对可以使用)
08-30
在移动端开发中，用户界面的交互体验至关重要，其中弹窗（提示框）是不可或缺的一部分。弹窗用于向用户展示重要信息、确认操作或接收用户的输入，是与用户进行交互的关键组件。标题“移动端弹窗(提示框)(绝对可以...
超级全面的iOS资源
VIM的博客
02-15 1701
如何用Facebook graphic api上传视频： http://developers.facebook.com/blog/post/532/ Keychain保存数据封装： https://github.com/carlbrown/PDKeychainBindingsController 对焦功能的实现： http://ww
github上关于iOS的各种开源项目集合
livexiaopo
08-03 4500
UI 下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh - 下拉刷新控件。MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl -
彻底解决背景跟随弹窗滚动问题
青天诀的专栏
06-20 2138
背景 在移动端使用弹窗时，我们会经常遇到这种现象：滑动弹窗时，遮罩层下面的背景（body）也会跟随滑动，带来的用户观感体验很差。 市面上的解决方案大部分通过阻止touchmove默认事件执行event.preventDefault()解决，但是这种方案存在兼容性，不能对所有浏览器都有效，而且如果弹窗本身存在滚动（如活动规则弹窗），这种解决方案并不能阻止背景滑动，如下图活动规则弹窗所示： 终极解决方案 先上代码，超级简短 // 展示弹窗时，阻止背景滚动 function stopScroll () {
【CSS】利用touch-action解决验证码滑块滑动时，背景跟随一起滑动的问题，以及详解touch-action属性
owo_ovo的博客
09-15 541
利用touch-action解决验证码滑块滑动时，背景跟随一起滑动的问题，以及详解touch-action属性
弹框滑动带动底层页面滑动的解决方案
MSITC的博客
01-29 599
处理弹框滑动带动底层页面的滚动问题
【Element】el-switch开关 点击弹窗确认框时状态先改变----点击弹窗取消框失效
weixin_71403100的博客
11-24 2004
需求：在列表中添加定期出账的开关按钮，点击开关时，原来的状态不改变，弹出弹窗；点击弹窗取消按钮：状态不改变，点击弹窗确定按钮：状态改变，并调取列表数据刷新页面。
微信小程序实现echarts并兼容IOS
King博客
07-23 3622
前言 本文介绍使用ec-canvas实现小程序图表功能，支持切换更新数据并在IOS顺畅使用。 Tips：本文只介绍柱形图，其它图形类似，具体可查看GitHub上的ecomfe/echarts-for-weixin项目。 实现过程 1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析； <view class="container"> <view class="item-head"> <view class="
微信小程序iOS系统上echarts不能滑动的问题
weixin_51958960的博客
05-26 1012
微信小程序iOS系统上echarts不能滑动的问题
微信小程序在ios下Echarts图表不能滑动的解决方案
w36680130的博客
01-07 752
微信小程序在ios下Echarts图表不能滑动的解决方案
微信小程序引入echarts折线图在ios真机上无法上下滑动的问题
最新发布
qq_46103732的博客
03-04 736
在canvas上的canvas-id属性上设置 disableTouch: true。如果还不生效，就把代码中的touchMove事件去掉。2.修改遮罩层和canvas的z-index层级，无效。1.增加遮罩层，覆盖在图的上方，真机调试无效。
【备忘录】微信小程序原生控件canvas在iphone中上下滑动
小潘的备忘录
02-22 1235
问题原因： 在开发过程中使用画布canvas时，发现在iphone中 有上下滑动，导致自定义的画布也上下滑动， 解决思路： 首先想到的是 绝对定位，然而 并不好用，该滑还是滑， 继续 在文档中发现 disable-scroll属性，设置，然而 ，并不好用（在画布外部上下滑，还是会跟着动）。 继续查文档，发现有人提到了页面disableScroll属性。终于找到解决方法 解决方法： 在页...
ios项目oc语言点击按钮弹窗出现，详细一点
05-20
好的，iOS项目中弹窗一般可以使用UIAlertController类来实现，下面是具体的步骤： 1. 创建一个UIAlertController对象，并设置弹窗的标题、消息和样式： ...这样就可以在iOS项目中实现点击按钮弹窗的效果了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值