vantui van-popup 在 ios 下 z-index 失效 vuescroll -webkit-overflow-scrolling: touch
-webkit-overflow-scrolling: touch 属性的元素发生弹性滚动时会导致 z-index 失效 解决方法： ...
原文：ios系统设置-webkit-overflow-scrolling: touch导致z-index 失效 （弹窗层级设置无效）- 替代方案
最近开发移动端，模拟和安卓系统都比较正常，但是一遇到ios系统就各种问题 真难 前言 背景： 首先是因为设置滚动条ios系统出现卡顿，所以会加 webkit overflow scrolling: touch 来解决这个问题 今天遇到的问题是小的弹窗被遮住了，也就是层级不够，z index失效。 查了一下资料排除了 z index 从父原则 导致的问题 父元素没有设置z index 页面内容点击 ...
2020-05-12 13:54 3 1738 推荐指数：
相关推荐
深入研究-webkit-overflow-scrolling:touch及ios滚动
目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch ...
IOS webkit-overflow-scrolling: touch 踩坑笔记
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */ -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */ overflow:auto 或scroll在ios ...
深入研究-webkit-overflow-scrolling:touch及ios滚动
目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案 ...
深入研究-webkit-overflow-scrolling:touch及ios滚动 overflow-y: scroll;
在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolling:touch这个属性，让滚动条产生滚动回弹的效果，就像ios原生的滚动条一样流畅。 2. 解决safari布局抖动 ...
移动端丨-webkit-overflow-scrolling:touch属性导致页面卡住
起因 起因 -webkit-overflow-scrolling 问题 解决方案： 方案一 方案二 思考为什么会出现这个问题 总结 故事的起因 ...
-webkit-overflow-scrolling:属性
之前在用css实现横向滚动时，用到了-webkit-overflow-scrolling:touch实现了滚动回弹效果，今天就彻底的认识下这个家伙以及它所带来的各种坑，并总结了一些排坑的办法。 一.-webkit-overflow-scrolling是什么 ...
-webkit-overflow-scrolling:touch介绍和碰到的坑
1.作用 可控制元素在移动设备有滚动回弹效果，可惯性滚动 2.适应场景 在ios移动端上，设置容器overflow-y:scroll;使容器内元素滚动时，滑动会很卡顿，使用-webkit-overflow-scrolling:touch;可以解决该问题 ...