10年1个月前
彻底阻止点击事件 pointer-events:none; 该css属性阻止所有的点击事件 包括a链接，但是这一定不是你想要的
穿透（点穿）是在mobile各种浏览器上发生的常见的bug。可能是由click事件的延迟或者事件冒泡导致解决方案：
在非必要情况下 不要使用 touchstart 因为你不知道用户下一步操作是什么 是滑动还是点击
在被穿透的地方加延迟
使用fastclick...
10年1个月前
body,html{
position:absolute;
top:0;
left:0;
width:100%;
height:auto; /* iOS position:fixed; elements fix (not 100%) */
min-height:100%;
overflow-x:hidden;
}
...
10年3个月前
html5 input 有了更丰富的type: email/url/search/date/datetime 等等
然而
span绝对定位模拟默认值
type="date" <input type="date" id="timePicker"> document.getElementById('...
10年3个月前
查看某一个css3属性在浏览器中的支持情况：http://caniuse.com/
css3的出现让页面更多丰富多彩，在实际使用中我们需要判断某一css3的浏览器兼容性，方法如下：
/*
* @return {Boolean} true/false
* @version 1.0
* @author ydr.me
* 2014年4月4日14:47:19
*/
function s...
10年3个月前
在微信浏览器中，如果授权页面直接是链接的话可以直接跳转到该页面，但是如果使用js跳转页面 使用 window.location 会发现页面并没有跳转 或者得触发两次事件才能跳转。
解决方案：在地址最后加上#wechat_redirect，表示是在微信内进行了有状态跳转。
...
10年8个月前
父元素display:-webkit-box;子元素：-webkit-box-flex:1;width: 100%
or
父元素 display:-webkit-flex;子元素 -webkit-flex:1;
...
10年10个月前
第一种方法：
function arraySort(array, propertyName){
for(var i=0,len=array.length;i<len;i++){
for(var j=1;j<len-i;j++){
if(array[j][propertyName] < array[j-1]...
10年10个月前
概要
iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。
然...
10年10个月前
前段时间完成了公司一个产品的 HTML5 触屏版，开发中使用了 Zepto 这个著名的 DOM 操作库。
为什么不是 jQuery 呢？因为 jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery ，所以学习成本也很低。虽然不兼容ie但是提供了...
10年11个月前
给html和body加如下样式（ie6下消除了fixed元素滚动时的抖动）：
html, html body{
_background-image: url(about:blank);
_background-attachment: fixed;
}
给要设置fixed的元素加如下样式：
.fixed{
position: fixed;
top: 200px;...
10年11个月前
相应的元素加入这个样式
.someclass{
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
...
加载更多