更新div內容時避免瀏覽器自動滾動

Question

我正在實現一個包含動態內容的網頁。 特別是，我有一個“ div”，它通過以下方式更新其內容：

這是“ div”：

<div id="informationONDevices"></div>

我繼續刪除其內容：

document.getElementById("informationONDevices").innerHTML = "";

最后，我在原始“ div”中插入“ divs”（以下代碼在循環內）：

var element  = document.createElement("div");

element.innerHTML = "<h3>Dades de la sonda amb ID: " + this.responseXML.getElementsByTagName('addONDevices')[count1].childNodes[0].nodeValue + " i Alias: " + this.responseXML.getElementsByTagName('aliasONDevices')[count1].childNodes[0].nodeValue + "</h3>" + "<br><br>"
+ "<span class='title'>Actual</span><br>";

document.getElementById("informationONDevices").appendChild(element);

問題是，每次我更新“ div”的內容時，頁面都會自動滾動並且不會停留在原位置。 有什么辦法嗎？ 我一直在尋找和嘗試很多東西，沒有任何幫助。

非常感謝你！

Answer 1

花了幾個小時搜索信息后，我決定嘗試一下。 解決方法如下：

var oldPositionSB = window.pageYOffset;

document.getElementById("informationONDevices").innerHTML = "";

…

document.getElementById("informationONDevices").appendChild(element);

window.scrollTo(0, window.pageYOffset + (oldPositionSB - window.pageYOffset));