版权声明:文章为原创作品,转载请注明出处 https://blog.csdn.net/weixin_43654258/article/details/86586485
好好学习 ,天天向上。Are you ready?
如何解决移动端300ms延迟?(点击穿透)
一、fastClick:
1.引入js文件
2. 设置
$(function() {
FastClick.attach(document.body);
})
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
二、zepto:引入文件(主要看方法)
<script src="dist/zepto.js"></script>
<script src="dist/fx.js"></script>
<script src="dist/fx_methods.js"></script>
<script src="dist/touch-0.2.14.js"></script>
<script>
// $("#btn").on("click",function () {
// $("#box").toggle(1000);
// })
//移动端tap事件代替click
$("#btn").on("touchend",function () {
$("#box").animate({
width:"300px",
left:"300px"
},1000);
})
三、touch:
不能使用zepto中的touch ,需要独自引入新的文件
四、设置meta标签:
1、更改默认的视口宽度
2、禁用缩放