Javascript 更新div内容时避免浏览器自动滚动

我正在实现一个具有动态内容的网页。特别是，我有一个“div”，我用以下方式更新它的内容：

这是“div”：

最后，我在原始的“div”中插入“divs”（下面的代码在循环中）：

var-element=document.createElement（“div”）；
element.innerHTML=“Dades de la sonda amb ID:+this.responseXML.getElementsByTagName（'addONDevices'）[count1]。childNodes[0]。nodeValue+”i别名：“+this.responseXML.getElementsByTagName（'aliasONDevices'）[count1]。childNodes[0]。nodeValue+”“+”

”
+“实际
”；
document.getElementById（“InformationDevices”）.appendChild（元素）；

问题是每次我更新“div”的内容时，页面都会自动滚动，而不会停留在原来的位置。有解决办法吗？我一直在寻找和尝试很多东西，但没有一件对我有帮助

---

多谢各位

在花了几个小时搜索信息后，我决定尝试一下。 以下是解决方案：

var oldPositionSB = window.pageYOffset;

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

…

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

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

---

触发

document.getElementById（“informationONDevices”）.innerHTML=“”）的事件是什么？尝试使用溢出：隐藏；在css中，或者你的主体或元素中appending@CristianTraìna触发的事件，即对
XMLHttpRequest（）
对象的响应。因此，我要做的是向服务器发出请求，当我收到响应时，我会更新页面。可能是@Manjunath的重复项对我不起作用。。。
document.getElementById("informationONDevices").innerHTML = "";

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);

var oldPositionSB = window.pageYOffset;

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

…

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

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