javascript - 防止在 AJAX 中滚动重置

标签 javascript html ajax dom web

我有一个 div 容器,它通过 javascript 函数每 3 秒修改一次其内容。该函数最初由 body 标签的 onload 事件调用。

function showNow(){

    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
       xmlhttp=new XMLHttpRequest();
    } else { // code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
   };

   xmlhttp.open("GET", "tab.php", true);
   xmlhttp.send();

   setTimeout(showNow, 3000);
}

内容每 3 秒刷新一次。唯一的问题是滚动位置正在重置,因此我的页面跳回到开头。这极大地影响了可用性。

有人可以提出解决方案吗?

最佳答案

我是法国人,请原谅我的英语不好

我的页面上有同样的事情:当我点击链接时,XHR 请求将我的滚动条重置为全页。我发现了我的错误……一个非常愚蠢的错误…… 检查您的 HTML,如果您的“onClick”在 <a> 中标记,检查你没有写 <a href="#" onClick="myFunction()"> ... 那是我的错误,只是<a onClick="myFunction()">不要重置卷轴 x)

希望对你有帮助

关于javascript - 防止在 AJAX 中滚动重置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9638758/

相关文章:

javascript - 在ios中通过javascript设置输入类型="datetime"

javascript - 如何使用 rxjs Observables 实现以下功能?

javascript - 带字幕的可选图像列表

html - 如何填充CSS网格中剩余的空列

php - 是否可以像 PHP 一样混合 Ruby 代码和 HTML?

php - 在 php ajax 中加载更多结果的问题

javascript - ASP.net、JavaScript/JQuery - 服务器发送事件 (SSE) 无法与 ASHX 处理程序一起使用

javascript - 具体5 ccm_activateTabBar() 未登录时未定义

javascript - 有效性检查在我的 javascript 代码中不起作用

javascript - 在 webApi Controller 中实现 Onfailure