问题描述项目开发遇到一个ios独有的问题，在wkwebview中稳定复现问题： 弹出一个蒙版，当在蒙版上面滑动的时候蒙版后面的内容滚动了这当然是ios的bug，但是经过我们测试iphone7也会复现这个问题，所以没办法需要兼容。vue 弹框产生的滚动穿透问题百度了下好多思路方法1： 直接禁用滚动容器的overflow，然后记录scrollTop并恢复，这种方法不适合我们当前场景。1. 浮层的入口有
转载
2024-05-28 13:47:54
102阅读
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。而且经常是你在pc模拟器上没有问题，但是真机打开就一定会出现。这个经典八阿哥也是面试时经常会被追问的问题。相信能看到这篇文章的你，已经是遇到了这个问题。我就不gif展示问题效果了。接下来我网罗了网络
在开发中，我们经常需要处理不同平台的UI适配问题，比如在iOS设备上使用uView的弹出层时出现的滚动条问题。本文将详细记录解决“uView popup ios 滚动条”问题的过程，包括环境预检、部署架构、安装过程、依赖管理、版本管理以及最佳实践。
### 环境预检
在开始项目之前，确保你的开发环境符合以下要求：
| 系统要求 | 版本 |
|------------
看个效果图，再决定学不学 ================好像还凑合吧 那就学起来吧~~~~~~~~~~~~~~~~~~~~~~~<template>
<div class="container_box" id="video_box">
&l
转载
2023-12-30 11:07:29
222阅读
# 在 Vue 中实现 iOS 不滚动的解决方案
在开发移动应用时，我们可能会遇到 iOS 设备上的页面在特定情况下会自动滚动的问题。特别是在使用 Vue.js 开发的应用中，这个问题可能会让我们感到烦恼。本文将向你介绍如何解决这个问题，并确保你的应用在 iOS 上能够顺利运行。
## 整体流程
要实现 iOS 不滚动的功能，通常需要经历以下几个步骤。我们可以用表格来展示这个流程：
| 步
<template>
<div class="list" id="list">
<div class="cc rowup">
</div>
</div>
</template>
<script>
export default {
components: {},
data () {
转载
2024-01-26 10:03:53
48阅读
作为一家以工业设计见长的科技公司，苹果很少会在产品上出现硬件级翻车，但蝶式键盘显然是个例外。这个当初被 Jony Ive 称为「纤薄、精准和坚固耐用」的新设计，因故障频出返修率高的问题，让苹果陷入到一轮又一轮的指责之中。直到今年年初，苹果才首次面向媒体就蝶式键盘的问题做出正面回应。 当时官方发言人称，对「少数用户的第三代蝶式键盘故障表达歉意」，并依旧强调「绝大多数用户都在 MacBoo
# 实现 iOS 上的非丝滑滚动效果
在网页开发中，尤其是在移动设备上，常常会遇到滚动效果不尽如人意的问题。对于 iOS 设备，滚动的样式通常是非常丝滑的，但在某些情况下，我们可能希望禁用这种效果。本文将逐步引导你实现 iOS 上的非丝滑滚动，以满足特定的用户体验需求。
## 流程概述
为了实现非丝滑滚动，整个流程可以分为以下几个步骤：
| 序号 | 步骤 | 描述
UIScrollView，即可滚动视图。我参考的书上关于UIScrollView的讲解并不多，只是三言两语再加一个小例子。但是在根据例子做完之后发现，它竟然滚不起来。contentSize属性的值我也按照书上的方法设置了，又怀疑值设得不够大改了又改，还是没用。Attributes inspector里面找看着像的地方选上或是取消勾选，也还是没用……然后。。。我猜测是版本的原因，因为书讲的是iOS5
转载
2023-07-25 21:59:10
89阅读
最近开发一款产品，要求PC端两列展示：移动端展示：使用display：flex布局，在最外面的wrap上添加overflow-y：auto；手机端使用媒体查询将两列宽度设为100%； 出现问题：当表格数据比较大时，PC端与安卓滚动条出现，滚动无问题，但是苹果IOS在表格里滑动无法触发滚动；解决方法：在滚动容器内加-webkit-overflow-scrolling: touch添加后偶尔
转载
2023-06-02 16:18:45
757阅读
# 解决iOS上网页弹窗不滚动的问题
在iOS设备上，有时候我们在浏览网页时会遇到一个问题，就是当网页弹出一个弹窗时，这个弹窗会覆盖整个页面，导致我们无法滚动浏览网页内容。这个问题的解决方法其实并不复杂，接下来我们就来介绍一下如何解决iOS上网页弹窗不滚动的问题。
## 问题分析
在iOS设备上，当一个弹窗弹出时，由于默认的行为是阻止页面的滚动，所以会导致这个问题的发生。为了解决这个问题，我
原创
2024-04-28 06:55:17
179阅读
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？到底区别在哪里，大致是这样：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。然后我查阅了一下w3school，图片如下：当然这不是全部，比如input自带的还有如下：属性值描述acceptmime_ty
# 科普文章：iOS弹出菜单和开关控件的使用
## 引言
在iOS应用程序中，弹出菜单和开关控件是常见的交互元素，它们为用户提供了方便的操作和选择功能。本文将介绍如何在iOS应用程序中使用弹出菜单和开关控件，并提供相应的代码示例。
## 弹出菜单（Popup Menu）的使用
弹出菜单是一种常见的用户界面元素，它可以在用户点击按钮或其他交互元素时弹出一个包含选项的菜单。在iOS开发中，我们可以
原创
2024-03-31 03:24:33
156阅读
刷新过程取决于您使用的应用程序。我们在下方列出了您可能需要刷新的最常见应用程序。如何刷新 SafariSafari有两种刷新方式：单击地址栏右侧的弯曲箭头。按 Command-R。要在 Safari 中执行硬刷新，请使用 Command-Option-R。如何刷新 Chrome与 Safari 一样，您可以单击按钮或使用键盘快捷键在 Chrome 中刷新。单击地址栏左侧的弯曲箭头。按 Comman
转载
2023-07-26 14:51:00
159阅读
一、better-scroll使用场景和优势better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。二、在vue中使用better-scroll插件（1）先下载 npm i beter-scroll（2
# IOS 滚动条样式不生效
在开发 IOS 应用时，我们经常会遇到需要自定义滚动条样式的需求。然而，有时我们会发现无论如何修改滚动条的样式，最终效果都无法生效。本文将会解释为什么滚动条样式在某些情况下不起作用，并提供解决方案。
## 问题描述
在 IOS 开发中，我们可以使用 `UIScrollView` 或 `UITableView` 等控件来实现滚动功能。当我们想要自定义滚动条的样式时
原创
2023-08-25 15:08:20
899阅读
直接安装安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。 使用Package Control组件安装也可以安装package control组件，然后直接在线安装：按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切
# iOS H5滚动不触发问题解析与解决方案
## 引言
在开发Web应用程序时，我们经常会遇到H5滚动不触发的问题，尤其是在iOS设备上。这个问题可能会导致用户无法正确浏览页面内容，给用户体验带来负面影响。本文将分析这个问题的原因，并提供解决方案。
## 问题分析
在iOS设备上，H5页面的滚动行为和其他设备有所不同。一些iOS设备上，滚动操作并不会触发H5页面的滚动事件。这可能会导致一些交
原创
2023-12-07 18:21:08
599阅读
一、IOS1.滚动穿透问题在自己设置左右两侧滚动时，有时IOS开启了本身的滚动，有时上层触摸到下层的滚动此时让IOS写一个方法可自由开启或者关闭滚动 对应的会出现滑动位置无法设置问题，此时调用ios本身滚动位置，去除h5滚动位置2.vant在低版本IOS手机中日期选择器（van-datetime-picker）无法拉动问题主要在IOS11以下出现的问题，微信中有部分也出现类似问题 参考：https
本篇的目的是开发一个自定义的弹出对话窗口组件，就是上面图6中半透明的信息提示窗口，其实系统类库中已经有UIActionSheet、UIAlertView能做到这样的功能组件，但是显示外观不怎么美观而且跟我的这个设计不怎么配，同时这2个组件的外观自定义性很差几乎改变不了显示外观，所以决定自己开发一个组件。实现的思路是这样的，做一个继承自UIWindow组件的组件的对象，这样这个组件也就是一个UIWi
