css
航老板不想敲代码
这个作者很懒,什么都没留下…
展开
-
css伪类元素 添加 选中下划线 自定义长度
.actived::after { content: ''; position: absolute; width: rem(49); // 边框的宽度 height: rem(6); border-radius: rem(3); left: 50%; //距离 view 标签的距离 bottom: rem(-8); ...原创 2022-02-10 14:07:38 · 958 阅读 · 0 评论 -
vue 横向滚动条 实现点击 元素滚动可视区域居中 效果
模拟vant的Tab标签页的标签滚动效果效果:选中元素,在滚动条的可视区域里面自动居中,头尾两端不用居中vant效果:https://youzan.github.io/vant/#/zh-CN/tabstart() { /** * 1)先让选中的元素滚到可视区域的最左边 scrollLeft * 2)接着向右移动容器一半的距离 containWidth / 2 * 3)最后向左移动item一半的距离 offsetWi...原创 2021-12-23 17:19:54 · 3679 阅读 · 1 评论 -
Vue 动态获取元素高度
getTitleHeight() { this.$nextTick(function () { this.contentHeight = document.getElementsByClassName("topColumn")[0].clientHeight; console.log(this.contentHeight); //元素高度 }) },...原创 2021-12-07 16:46:40 · 2095 阅读 · 0 评论 -
微信小程序弹窗 穿透背景滚动
在蒙版层 /最外层添加属性catchtouchmove="preventTouchMove"原创 2021-09-03 17:12:29 · 136 阅读 · 0 评论 -
微信小程序 inpu框 层级穿透 解决
先看 出现的问题直接透过底部 固定定位 显示出来 而旁边的则没穿透解决方案替换标签 并且 z-index:99999原创 2021-09-01 11:54:57 · 193 阅读 · 0 评论 -
小程序iphonex全面屏/非全面屏 fixed 固定底部兼容问题
position:fixed;left:0;//不完全固定底部bottom:calc(20rpx(距底部高度) +constant(safe-area-inset-bottom)); bottom:calc(20rpx(距底部高度)+env(safe-area-inset-bottom));//完全固定底部//bottom:constant(safe-area-inset-bottom);//bottom:env...原创 2021-08-24 17:31:36 · 817 阅读 · 0 评论