微信端 ios 拖动input区域时,整体页面能拖动,但是页面不会滑动?

新手上路,请多包涵

微信端 ios 拖动input区域时,整体页面能拖动,但是页面不会滑动,拖动别的地方,页面会滑动,但就是input区域不行,安卓手机上没问题。页面用的时微信的weui框架,还用了一个swiper的插件。

阅读 4.4k
2 个回答

我也同样遇到过这类问题,是因为ios5以上系统都有这个问题。安卓机则不会有这个问题。解决方法有很多:

1、https://blog.csdn.net/u013705...

2、https://stackoverflow.com/que...

3、最好的解决办法是设置input外层大的那个滚动DIV的样式为:

 width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll;
  

4、$(document).on('touchmove','input',function(e){

  e.preventDefault();

});

5、综合以上多种解决方案,个人最推荐用第三种方便快捷的解决问题。CSS就能解决。

6、再提示一下,重点在于-webkit-overflow-scrolling:touch;overflow-y:scroll;这两句。其中又以-webkit-overflow-scrolling:touch;这句最为关键。

7、再补充一个网址的解决方案:https://stackoverflow.com/que...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题