随笔分类 - CSS
CSS
摘要：什么是滚动穿透问题 滚动穿透问题（Scroll Through Issue）是在弹出窗口（如模态框、弹出菜单等）出现时，背后的页面仍然可以滚动的现象。这可能会导致用户在与弹出窗口进行交互时，无意中滚动到背后的页面。 为啥会出现滚动穿透 问题的根本原因是弹出窗口的出现没有阻止背后页面的滚动行为。在用户
阅读全文
摘要：控制元素层级可通过z-index和transform来实现。 1、通过z-index控制z轴，需要配合position属性，且position的属性值为relative、absolute、fixed和sticky时。并且给z-index显式的设置数值，数值越大，其层级越高。简单点说，数值越高，元素越
阅读全文
摘要：如果取的在线图片记得加时间戳 否则在线图片更新后不会生效 有缓存同时处理在线图片无法获取时，加载本地图片 // 给url添加时间戳，解决浏览器缓存 export function timestamp(url) { let result = ''; const getTimestamp = new D
阅读全文
摘要：1、border 1px兼容性问题 解决办法：1PX（px大写） 2、iOS上使用-webkit-user-select:none导致input/textarea输入框无法输入 3、antd-mobile tabs在ios如果不禁用swipeable会出现向下滚动时触发左滑动 4、ios加载顺序打包
阅读全文
摘要：解决办法：弹出键盘时，隐藏按钮 componentDidMount： // 修复键盘弹起导致的页面fixed定位元素布局错乱 if (device 'ios') { window.addEventListener('focusin', this.focusin); window.addEventLi
阅读全文
摘要：问题描述 1、最近在做H5项目的时候，发现使用history.back()在IOS上返回上一页的时候，会有很严重的bug。我的场景是列表页滚动了超出一屏之后，进入详情页，再点击返回列表页，在iOS上就出现了白屏的现象，但是触屏或者滑一下，页面就又恢复了。 解决方案 使用history.back返回上
阅读全文
