随笔分类 -  移动端开发

移动端点击延迟的解决方案
摘要：前置知识： 在移动端多了touch的三个touch事件。 所有事件触发顺序为：(touchstart——touchmove——touchend)——mouseover——mousedown——mouseup——click。 当有touchmove触发时，就不会再触发touchend之后的事件。 有两 阅读全文

posted @ 2017-09-11 10:17 cag2050 阅读(424) 评论(0) 推荐(0) 编辑

移动端遇到问题
摘要：一.点击穿透： 原因： 1. touch事件300ms后，触发click事件； 2. 混用touch和click会导致点透问题。 解决思路： 1.不要混用touch和click； 2.阻止掉 touch之后的click。 解决方案： 1.tap后延迟350ms再隐藏mask； 2.pointer-e 阅读全文

posted @ 2017-02-04 21:03 cag2050 阅读(455) 评论(2) 推荐(0) 编辑

ios fixed定位问题
摘要：网址：http://hushicai.com/2014/08/19/ios-fixed-ding-wei-wen-ti.html 阅读全文

posted @ 2017-01-10 00:42 cag2050 阅读(217) 评论(0) 推荐(0) 编辑

移动端知识点
摘要：1.video宽度为100%，高度为自动时，计算video的高度：document.getElementById('video1').offsetHeight; 2.阻止页面滚动和解除页面滚动： 3. 阅读全文

posted @ 2016-12-15 13:13 cag2050 阅读(133) 评论(0) 推荐(0) 编辑

触摸点位置
摘要：clientX / clientY：// 触摸点相对于浏览器窗口viewport的位置 参照点会随着浏览器的滚动而变化 pageX / pageY：// 触摸点相对于页面的位置 参照点不会随着浏览器的滚动而变化 screenX /screenY：// 触摸点相对于屏幕的位置 阅读全文

posted @ 2016-12-13 15:38 cag2050 阅读(285) 评论(0) 推荐(0) 编辑

移动端布局:左右固定，中间可变
摘要：移动端布局:左右固定，中间可变；一边固定，另一边可变（同理） 代码地址：http://runjs.cn/code/qkdx4km7 阅读全文

posted @ 2016-07-13 00:36 cag2050 阅读(236) 评论(0) 推荐(0) 编辑

通过新浪ip地址库获得用户的省份、城市等信息
摘要： 阅读全文

posted @ 2016-07-10 15:46 cag2050 阅读(617) 评论(0) 推荐(0) 编辑

js跳转到页面中指定的hash
摘要：location.hash = "#filter_moreClue"; 阅读全文

posted @ 2016-07-10 12:39 cag2050 阅读(520) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示