When Wechat ios drags the input area, the overall page can be dragged, but the page will not slide?

when the WeChat ios drags the input area, the overall page can be dragged, but the page will not slide. If you drag somewhere else, the page will slide, but not in the input area, and there will be no problem on Android phones. The page uses Wechat"s weui framework and a swiper plug-in.

Mar.12,2021

has it been solved? Wechat whose eggs hurt


I have also encountered this kind of problem because all systems above ios5 have this problem. Android won't have this problem. There are many solutions:

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

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

3. The best solution is to set the style of the scrolling DIV with the large outer layer of input to

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

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

)
  e.preventDefault();

});

5, combining the above solutions, the third convenient and quick solution is most recommended. CSS can solve it.

6. Again, the point is-webkit-overflow-scrolling:touch;overflow-y:scroll;. Among them, the sentence-webkit-overflow-scrolling:touch; is the most important.

7. Add a solution to the URL: https://stackoverflow.com/que.

Menu