@windchimes
2017-08-03T03:25:04.000000Z
字数 603
阅读 239
手机兼容性
fixed属性不兼容:
zepto.js下的解决方法
els.costPopup.on('focus','.num input',function() {document.body.scrollTop = 0;if($.os.ios && !$.os.android) {els.costPopup.css('position','absolute').css('padding-bottom','500px');}els.costPopup.find('.num input').blur(function() {els.costPopup.css('position','fixed').css('padding-bottom','0');});});
目前有一个新的属性:sticky是position的新属性,可以在ios下使用
用firefox浏览器打开:http://codepen.io/CSSKing/pen/yyMGPJ
active伪类:Android下兼容,但是iphone不兼容
解决方法教程链接:
http://blog.csdn.net/freshlover/article/details/43735273
在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
或者加cursor: pointer(待验证)