
css
Vincentzyc
这个作者很懒,什么都没留下…
展开
-
ios下使用动画 transform: translate(xx%) 无效问题
<div class="wg-marquee-up"></div> .wg-marquee-up { height:300px; -webkit-animation: marquee-up 5s linear infinite; -ms-animation: marquee-up 5s linear infinite; -o-animation: marquee-up 5s linear infinite; animation: marq原创 2020-08-06 11:17:42 · 2826 阅读 · 0 评论 -
css和js设置rem
css媒体查询:html{ font-size: 88px;}@media screen and (min-width: 340px){ html{ font-size: 94px; }}@media screen and (min-width: 360px){ html{ font-size: 100px; ...原创 2018-05-23 16:42:14 · 2981 阅读 · 0 评论 -
隐藏滚动条但是可以滚动,兼容IE,FF,Webkit 和 O
/*webkit内核*/.scroll_content::-webkit-scrollbar { width:0px; height:0px;}.scroll_content::-webkit-scrollbar-button { background-color:rgba(0,0,0,0);}.scroll_content::-webkit-scrollb...转载 2018-08-20 15:56:23 · 7569 阅读 · 0 评论 -
禁止遮罩层底部滑动
原理:打开遮罩的时候记录滑动距离 lockMaskScrollTop ,同时设置 body 的 position: fixed; body.style.top= - lockMaskScrollTop;关闭遮罩的时候 移除 body 的 position: fixed 即可。代码如下:css: body.popup-open { position: fixed; }j...原创 2019-03-14 15:51:11 · 2846 阅读 · 0 评论 -
vue基于element-ui的Select选择器实现的动态多级联动下拉选择
demo地址代码如下:Html<div id="app"> <el-select v-for="(arrItem,key) in selectList" :key="key" v-model="selectArr[key]" filterable placeholder="请选择" value-key="value" @change="selected" @focu...原创 2019-04-10 15:15:55 · 20735 阅读 · 0 评论 -
css 文本超出部分显示省略号
/* 必须固定宽度 */.textover { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/* 可用于flex布局自适应宽度 */.textover1 { overflow: hidden; text-overflow: ellipsis; display:...原创 2019-09-18 17:15:23 · 272 阅读 · 0 评论