[关闭]
@windchimes 2017-08-03T03:25:04.000000Z 字数 603 阅读 239

iphone上不兼容的属性

手机兼容性


fixed属性不兼容:
zepto.js下的解决方法
  1. els.costPopup.on('focus','.num input',function() {
  2. document.body.scrollTop = 0;
  3. if($.os.ios && !$.os.android) {
  4. els.costPopup.css('position','absolute').css('padding-bottom','500px');
  5. }
  6. els.costPopup.find('.num input').blur(function() {
  7. els.costPopup.css('position','fixed').css('padding-bottom','0');
  8. });
  9. });
目前有一个新的属性: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(待验证)
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注