- 博客(29)
- 收藏
- 关注
原创 ios H5页面滚动适配问题
1.取消页面整体回弹效果;问题:滑动时候会卡主不动,短暂静止后或者点击屏幕后可以继续滑动。但并未解决我的问题,我的是框架页面嵌套过多,导致的多层滚动嵌套。可以使用document.body动态开关。给body标签加上fixed就好。将展示的页面的所有父元素溢出隐藏。
2024-08-30 18:20:44
201
原创 uniappX一些离奇问题
一个静态class一个动态class的时候可能会触发。解决办法 添加一个高度不为0的占位元素。例如列表页面初始化的时候提示词不加载。解决方法 都改为动态。
2024-08-28 19:52:20
128
原创 UniappX scroll-view不能滚动问题
不给scrollview设置高度是不可以滚动的,单纯的flex1页不一定可以,需要添加一个实体高度,让其自动撑开。uniappx里弃用了scroll-x,以及scroll-y属性,用direction属性代替了;如果还是不可以,检查是否有scroll-view嵌套,以及父元素是否有实体高度。
2024-08-02 14:03:28
389
原创 css使用本地字体以及字体压缩
输入对应的html路径就可以了,之前的文件会被替换,然后生成一个包含原始字体文件的.font-spider文件夹。中文字体较多,动辄十几M。推荐使用字蛛进行压缩。英文在前,而且英文不能适配中文。右键html文件在终端中打开。
2024-07-31 12:00:34
275
原创 uniapp switch框 h5端样式冲突问题
解决方法也很简单,给颜色也拼接一个important。他有一个默认的important样式....
2024-07-26 11:21:00
197
原创 解决原生date输入框placeholder以及适配问题
解决原生date输入框placeholder以及适配问题,可以适配edge,chrome,safari等的浏览器
2024-07-23 11:49:29
129
原创 前端多语言适配
direction属性用于设置文本、表格列和水平溢出的方向。对于从右到左书写的语言(如希伯来语或阿拉伯语),应将该属性设置为rtl。对于从左到右书写的语言(如英语和大多数其他语言),则应将该属性设置为lrt。
2024-07-22 17:34:48
139
原创 overflow和flex搭配导致子元素缩小问题
这段代码没加overflow-y前子元素会正常显示。加了后会被挤压,因为overflow后盒子bfc导致.content盒子被flex:1 定高到100%;无法被子元素撑开,也会挤压子元素;将子元素flex-shrink设置为0即可。
2024-07-02 18:12:01
192
原创 获取object标签下的dom元素
contentDocument就是object自身的#document了,可以进行获取及操作,很方便给svg做动作。在嵌入svg的时候使用img不方便动态交互,直接放svg标签会影响可读性。个人推荐使用object标签嵌套;拿到object后,直接使用document是不能跨框架访问元素的。
2024-07-01 15:10:59
144
原创 Vue3路由跳转页面显示空白问题
A页面有template下有两个div,虽然V3声明可以多个div。但从A页面发起的跳转会失败,显示为空白。将router.push 字符串传参改为 {name:‘...’} 或者 {path:‘...’}就可。
2024-06-20 19:22:25
364
空空如也
h5页面ios端从其他元素滚到滚动元素,会卡住
2024-08-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人