How to deal with the problem that part of the pop-up window still "remains on the page" after closing it in iOS?

As shown above, .fb-box is a large div that contains all elements on the page, including the pop-up window .dialog-img you see, and the height is set: 100%;-webkit-overflow-scrolling:touch;

But with this setting, there will be a bug on ios.After the page scrolls a certain distance, click If the pop-up window is displayed and then closed, you will find that part of the pop-up window is still "remaining on the page". Positioning is required, -webkit-overflow-scrolling:touch; is also required.

Solution

Lay out the div and .fb-box of the pop-up window as sibling nodes, and wrap it with another div in the outer layer, this Even if you get up from the pit

#

The above is the detailed content of How to deal with the problem that part of the pop-up window still "remains on the page" after closing it in iOS?. For more information, please follow other related articles on the PHP Chinese website!