javascript - Mobile page has style problem on ios side.

Question

As shown in the picture, when the page is opened on an iOS device and pulled down, a large padding will appear at the bottom. However, when the page is opened on Android and PC, there is no such padding. What is going on? Page addresshttp://wx.lxjjz.cn/wx/test/views/strategy.html#/strategy-details/148

Now that lazy loading has been removed, there is still a problem when opening the WeChat browser; other pages also have this problem, and it cannot be adjusted on a real machine. What should I do?

http://wx.lxjjz.cn/wx/test/views/index.html#/

Answer 1

It may be that the mobile phone did not detect the window.load event, resulting in the image appearing at the bottom of the screen not performing the lazy loading effect - continuing to scroll the page to load - thus revealing the background color (gray) of the image

Answer 2

This problem only occurs in the WeChat browser. The strange thing is that I can't restore it even with the WeChat developer tools. Safari on the mobile side and Chrome don't have it. I can't debug it. I wish you good luck

Answer 3

There is a problem when opening with WeChat on ios. It is normal when opening with a browser. WeChat is normal on Android. The browser cannot request data. It is normal on PC