h5优化
掘墓忍者
一个认真自掘坟墓的源忍者
展开
-
h5页面在微信浏览器中头部或底部被遮挡
由于微信浏览器本身的内核原因我们在使用position:fiexd 固定定位时 页面处于最顶端或者最低端时 继续往下拉 此时被固定定位的元素 会被遮挡所以 要将固定定位 改为 absolute 绝对定位 或者relative 相对定位两种将中间可滑动的元素 设置为固定高度 并且可以滑动例:.mobile-body{ position: relative; top:0; height:calc(100vh - xxxrem); overflow: scroll;.原创 2021-01-07 11:41:06 · 2475 阅读 · 0 评论 -
vue 运用transition来指定部分路由有切换过渡动画效果
现在h5混合开发APP比较流行所以会将h5用各种办法贴近原生体验此文章记录的是指定其中路由跳转的过渡动画route.js配置{ path: "xxx", name: "xxx", meta:{ index:0 }, component: resolve => require(['xxx'],resolve), ...原创 2020-03-30 10:09:00 · 1933 阅读 · 0 评论 -
css解决ios上滑动卡顿
网上看了很多ios样式卡顿的解决方法,最多的就是-webkit-overflow-scrolling: touch;但是 如果加上这个属性会把固定的元素 一起滑动解决方法:body{ overflow-y: auto; touch-action: pan-y; -webkit-overflow-scrolling: touch;}再将 需要滑动的元素加上下面几个属性...原创 2019-07-23 16:08:09 · 1493 阅读 · 0 评论