I wonder if anyone has encountered this problem. Set the width of a layer to 100% and set a background image. Browse in the browser, shrink the window until the scroll bar appears, and then drag the scroll bar to the right, and the area on the right becomes It is blank, how to solve it? _html/css_WEB-ITnose

I wonder if anyone has encountered this problem. Set the width of a layer to 100% and set a background image. Browse in the browser, shrink the window until the scroll bar appears, and then drag the scroll bar to the right, right The area becomes blank, and if I drag the window to a larger size, it fills up the window again. What's going on? How to solve it?

Reply to the discussion (solution)

I have encountered this, you have to monitor the changes in the browser window
Use this method

window.onresize

Can it be monitored when dragging the scroll bar?

onscroll, there is this event.

Is the window not refreshed in time?

I have a situation similar to yours. The HTML tag has a background color. Then the background image in the BODY also has the same phenomenon. Change the background in the HTML tag. Just remove the color and it will be fine

Let’s take a look first

I have encountered this problem before and it was really easy to solve it!