# iOS 弹窗穿透的科普
在 web 开发中，弹窗是常见的 UI 元素，但在 iOS 设备上，弹窗有时会引起一些用户体验问题，尤其是当网页中有多个嵌套元素时。为了改善这种体验，我们需要了解什么是“弹窗穿透”，以及如何有效地实现它。
## 1. 什么是弹窗穿透？
弹窗穿透指的是当用户点击弹窗外部区域时，触发底层页面的事件。而不是简单关闭弹窗，这种情况在许多情况下是不可取的。特别是在使用 Ja
原创
2024-09-16 03:35:53
48阅读
# 如何实现iOS弹窗滚动穿透
## 1. 整体流程
以下是实现iOS弹窗滚动穿透的步骤：
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建一个自定义弹窗视图 |
| 2 | 将弹窗视图加载到主视图上 |
| 3 | 禁止弹窗视图的滚动事件被底层视图截获 |
| 4 | 使底层视图依然可以滚动 |
## 2. 操作步骤及代码实现
### 步骤1：创建一个自定义弹窗视图
原创
2024-03-28 07:35:17
105阅读
上几话中我们详细了解了几种segue，我们也了解到了多MVC模式的几种控制器，比如导航、选项卡和分栏，除了这三种多MVC的模式之外，还有一种popover，它跟其他三种不太一样。首先先来认识一下popover（弹窗）你可以看到弹窗会有一个小箭头指向触发弹窗的地方：它像一个白色的三角形。出了弹窗的区域是白色，其他区域都是灰色的，单击其他区域的唯一功能就是让弹窗消失。说popover不同的原因是，它不
转载
2024-05-16 21:46:17
88阅读
# iOS 弹窗滑动穿透的实现与分析
在iOS应用开发中，我们常常需要实现各种弹窗，比如提示框、确认框等。然而，当我们在弹窗中进行滑动操作时，有时会遇到“滑动穿透”的问题：手势操作意外地传递给了底层的视图，导致底层视图也在响应触摸事件。
本文将通过理论讲解与代码示例，深入剖析如何处理弹窗中的滑动穿透问题，并实现自定义的弹窗组件。
## 滑动穿透的原因
在iOS中，用户交互是基于触摸事件的。
最近项目做完了 事情不是很多，今天正好也在调休，所以趁着这个时间研究了一下简易的JS弹窗功能，当然网上这块插件非常多，本人也没有仔细看网上的插件源码 只是凭着日常使用过的弹窗插件有这么多功能 来实现自己的弹窗思路，当然我这个可能实现了基本功能，那么如果想做的更好 更完善需要以后继续优化！ &
转载
2024-07-10 23:47:56
46阅读
## iOS阻止滚动弹窗穿透页面
在移动应用开发中，我们经常会遇到弹窗的需求。而有些弹窗需要在用户滚动页面时保持固定位置，不跟随滚动。本文将介绍如何在iOS应用中阻止滚动弹窗穿透页面，提供代码示例供参考。
### 问题背景
当我们在iOS应用中使用弹窗时，常常会遇到一个问题：弹窗出现在页面上方，但用户仍然可以通过滚动页面来查看弹窗下方的内容。这不符合我们的设计需求，我们希望用户在弹窗出现时无
原创
2024-01-16 04:29:31
148阅读
“小白，今天上午布局的那个弹窗想法不错！”小白说道：“我只是用CSS布了一个局，还没有添加用户交互呢！”老朱说：“不着急，像这种常用的功能你可以尝试把它做成控件，这样以后就能经常使用了，从现在开始我们用几天的时间了解一下，怎么做一个能够经常调用的控件吧！”“恩，这样确实不错，虽然做的时候麻烦点，但是以后使用起来就会很方便了！我应该做点什么准备工作呢？”老朱跟小白说：“一个控件包含CS
转载
2024-10-22 07:25:31
31阅读
每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却不知从何下手，我们来看看：整个动画大致是，随着页面的向下滚动，整个文字从无到出现，再经历一轮渐变色的变化，最后再逐渐消失。本文，就将介绍 2 种使用 CSS 实现该效果
转载
2023-12-28 21:38:56
82阅读
使用场景：当弹窗出现的时候会发现底部的页面能滚动 解决方法：在mt-popup标签中加上@touchmove.native.stop.prevent 这个方法是阻止默认根元素的默认事件，native是关键，这个表示根元素的意思，也就是body或者html <mt-popup class="confi ...
转载
2021-10-15 14:06:00
897阅读
2评论
iOS 13系统在今天凌晨疯狂弹窗，这影响了不少用户使用。从用户的反馈来看，这次iOS 13的弹窗影响范围非常的广，而弹窗的信息是：“The iTunes Store is unable to process purchases at this time. Please try again later（iTunes Store目前无法执行购买请求。请稍后再试。）”除了国外用户外，从一些国内网友反馈
转载
2023-05-30 14:45:09
443阅读
ZFJPopManager前言有个小伙伴让我帮他写个弹窗管理的功能，然后我就利用闲暇时间做好了，完美的交付给他了，闲来无事我又把我写的ZFJPopManager开源给大家 ZFJPopManager支持五种弹窗展示动画，使用起来非常方便???/// 动画样式
typedef NS_ENUM(NSInteger, ZFJPopAnimateStyle) {
ZFJAnimateFromTop
转载
2023-07-25 10:14:22
490阅读
# iOS弹窗：一种提醒用户的常见交互方式
在 iOS 应用程序中，弹窗是一种常见的交互方式，用于向用户显示一些重要的信息、警告或者询问用户的选择。弹窗可以在应用程序的任何界面中出现，并且可以定制化为不同的样式和行为。在本文中，我们将探讨iOS弹窗的基本概念、用法和代码示例。
## 弹窗的基本概念
弹窗（Alert）是一种用于在应用程序界面上显示非模态信息的视图。它通常由一个标题、一段描述文
原创
2023-07-19 10:40:06
270阅读
# React H5 在 iOS 弹窗滚动穿透问题的解决方案
在 React H5 项目中，iOS 设备上弹窗的滚动穿透问题是一个常见挑战。这个问题的意思是，当我们在弹窗中滚动时，背景页面也可能随之滚动，导致用户体验变得混乱。本文将带您了解如何解决这个问题，具体步骤将通过表格和代码示例来展示。同时，我们将使用 Mermaid.js 制作状态图与饼状图以辅助理解。
## 处理流程概述
以下是处
点击图片查看高清大图功能描述弹出窗口是FastAdmin中最常用的功能之一，FastAdmin中默认生成的CRUD中的编辑、添加和删除的弹窗都是基于Layer弹层组件实现的，FastAdmin在此基础上进行了扩展和二次开发，除了Layer原有的功能外，还有部分FastAdmin特有的功能。首先我们先来看看最常用的编辑和添加弹窗。在CRUD后的列表中默认的添加和编辑按钮会自动绑定事件，如果需要手动弹
转载
2024-05-17 16:55:19
103阅读
随着因特网规模的飞速发展，联网设备数量不断增加，地址空间大小只有2^32的IPv4地址正面临着枯竭，而作为下一代网络层协议的IPv6虽然拥有巨大的地址数量，但面对庞大的历史遗留问题也显得力不从心。在这种情况下，NAT（Network Address Translation，网络地址转换）技术应运而生。NAT的作用，是让多个拥有独立内网IP的设备，能够共用一个外网IP和外部进行通信。由于不同内网IP
转载
2023-11-28 16:24:18
124阅读
# iOS 层级穿透的实现指南
在 iOS 开发中，层级穿透指的是从一个视图向下传递触摸事件到其下层的视图。当你在复杂的视图层次结构中，某些视图可能会拦截触摸事件，导致用户无法与下面的视图进行交互。这一现象可以通过层级穿透来解决。在本文中，我们将逐步介绍如何实现这一功能。
## 整体流程
实现 iOS 层级穿透可以分为以下几个步骤：
| 步骤 | 描述
在开发 iOS 应用时，我们可能会遇到“事件穿透”问题，这意味着用户点击一个界面元素时，意外地触发了下面的元素。这个问题常常会导致用户体验极差，因此我们需要了解其背景、错误现象、根因分析、解决方案，并进行验证测试和预防优化。下面就这一过程进行详细记录。
## 问题背景
在某个项目中，我们遇到了一系列用户反馈，指出点击按钮时，意外的触发了后台的某个功能，用户感到困惑不已。商业影响分析显示，用户的
今天制作登陆窗口的效果时碰到的一个问题，如下：标签结构如下：<div id="loginFrame">
<form class="loginFrame-top" method="POST" action="#">
<h3>商户卖家登陆</h3>
<h6>请使用卖家账户可登录后
一、内网穿透最近做支付需要提供回调接口给第三方回调，此时就需要一个大家都能访问的外网环境，于是就做了内网穿透。内网穿透，也即 NAT 穿透，进行 NAT 穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包不被 NAT 设备屏蔽而正确路由到内网主机。下面就相互通信的主机在网络中与 NAT 设备的相对位置介绍内网穿透方法。换句话说就是能让其他人像访问外网一样访问你的内网。二、下载NATAPPN
# iOS 中 ScrollView 穿透现象及解决方案
在 iOS 开发中，ScrollView 是一个非常重要的组件，常用于支持内容的滚动显示。但是，在某些情况下，ScrollView可能会导致事件的穿透现象，这意味着用户在 ScrollView 区域内点击后，事件并没有被 ScrollView 消费，而是传递到了 ScrollView 下方的控件或视图中。这种事件穿透常常会导致用户体验问题
原创
2024-08-15 07:25:36
61阅读
