v-touch导致移动端无法上下滑动问题

记录一个小问题, vue 引用组件v-touch 导致html无法上下滚动原 因当引用v-touch时, html标签默认会添加一个 touch-action: none; 属性一 touch-action定义: 用于指定某个给定的区域是否允许用户操作,以及如何响应用户操作(比如浏览器自带的划动、缩放等)二 touch-action属性: (IE10之前不支持)1 . auto 默认值, 浏览器

- 阅读全文 -

Animate.css文字抖动以及模糊问题

传送门 => Just-add-water CSS animations - Animate.css 1 . 在该动画的transform里加上translateZ(0)值,能解决文字抖动的问题,但是没解决文字模糊的问题。 2 . 在发生文字模糊的地方加上transform: translate3d(0,0,0),解决文字模糊以及的问题。 使用scale发生文字抖动及模糊时,在该文字

- 阅读全文 -

原生JS实现移动端Touch轮播图

核心代码function $(id){return document.getElementById(id);} var isMove = false, // 判断是否滑动过 startR = 0, // 初始移动距离 changeR = 0, // 滑动距离,与startR比较,大于40px即为右滑 // 绑定滑动事件 var box = $('your element

- 阅读全文 -

Safari 定位fixed下,z-index层级失效问题

一、Safari是新时代的IE61 . Safari font-size的px单位和vm单位计算不支持,需要是百分比单位2 . Safari 渐变,从#fff到transparent会有灰色带,其他浏览器都是白色到透明3 . Safiari 伪元素hover时候的currentColor不渲染....二、position时,z-index层级失效 Safari 3D变换会忽略z-index的层级

- 阅读全文 -

最新文章

最近回复

标签