div上的jQuery .html（''）移动整个页面

Question

I'm replacing the html in a div tag on my page on the keyup event of a textbox when the user enters a search. When the html is set via jQuery's .html() method on the div tag the entire page shifts to the left and then back to the right. For some reason this is only happening when I deploy the website to an IIS site when I run locally in Visual Studio the page no longer shifts to the left and back to the right. When I replace the div tags content I am first clearing it by calling .html('') and then am setting it to the search results that is a ul tag. This issue is also only happening with Chrome it works fine on Edge.

Answer 1

Posting code helps, so we do not have to make an assumption on what you are doing.

If you are in fact doing something like:

$("#id").html("");
$("#id").html("html-here");

Then that makes sense, the first .html() call sets the div to be empty, causing the shift you mentioned, then you fill up the div again on the next call to .html() .

Using a single call instead will not cause the page to be re-rendered twice, but it will still overwrite the contents like you want (you may have been thinking of $.append() , where you do have to clear first:

$("#id").html("html-here");