在做项目的时候,突然遇到了这样一个问题:JS的input框position:fixed属性在iOS上失效的。原因如下:
当设置了input定位属性为fixed时,页面上同时添加了滑动事件,如:overflow:auto/scroll等,就会出现这样的BUG:当滑动页面时,input框就会掉下来,fixed属性失效。
究竟是问什么呢?原来这是iOS的一个BUG!!!那么问题来了,该如何解决呢?经过多次测试,发现最好用的办法只有一个,就是不使用overflow:auto/scroll这样的滑动方式,改用iscroll.js.具体请参考API。
var myScroll = new IScroll('#wrapper', { mouseWheel: true, tap: true });