Shadow_Weirdo

灵活运用CSS开发技巧CSS请戳这里，持续更新灵活运用JS开发技巧JS请戳这里，持续更新灵活运用PS切图技巧PS请戳这里，持续更新

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 4px; height: 4px; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); ...

outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);

在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。而且经常是你在pc模拟器上没有问题，但是真机打开就一定会出现。方案：body滚动 + 弹层内部滚动[js-检测touchmove的target]简单粗暴，一针见血：谁能动谁动，谁不能动就禁止to...

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。JSON.stringify()方法用于将对象的类型转换为字符串类型。

//JS操作cookies方法! //设置cookies function setCookie(name,value,days) { // 设置cookie days设置过期时间 单位:天 不传默认是 cookie 在浏览器关闭时删除 var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*...

var mySwiperOut = new Swiper('.swiper-container-out', { direction:'horizontal', loop: false, touchRatio : 8, resistance : true, resistanceRatio : 0, effect : 'fade', fade:{...

html<div class="wn-radio-box"> <span class="wn-radio-ball"></span></div>css.wn-radio-box { right: .3rem; t

图片hover向左滑动10px.diy-floor .shop-list li img { position: absolute; right: 0; bottom: 0;}.anim-left:hover img { -webkit-transform: translateX(-10px); -o-transform: translateX(-10...

img{ display:block; width:100%; height:100vm;}

属性 描述touch-action: auto 浏览器会根据其支持的触控添加交互。比如x轴滚动、y轴滚动、双指缩放和双击。touch-action: none 浏览器禁用触摸交互。touch-action: pan-x 允许浏览器水平滚动，禁用垂直滚动及手势。touch-action: pan-y 允许浏览器垂直滚动，禁用水平滚动及手势。touch-action: manipulatio...

阻止默认事件和事件冒泡e.preventDefault();e.stopPropagation();溢出文字隐藏CSSoverflow: hidden;white-space: nowrap;text-overflow: ellipsis;