如何在 ajax 调用后停止滚动到顶部

Question

我使用 setInterval 函数更新 htm 元素的特定内容，每隔几秒调用一次 ajax

<div class="content">
<p>New informaton here</p>
<br>
<p>.......</p>
more information below
</div>

下面是javascript

var main = function(){
        updatingMessage = setInterval(function(){
         $.ajax({
        type: "POST",
        url:" call_MYSQLDatabase_To_Update_Content.php",
        cache:0,
        data:({
           some vars
             }),
        success:function(result){
         $(".content").html(result);
                          }
                 });  
                       }, 1000);
     updatingMessage();
        }
$(document).ready(main);

困扰我的是每次向下滚动查看信息时它会在每次 ajax 调用后滚动到自身顶部。
在 ajax 通话后是否仍然保持 <p> 的位置？

Answer 1

首先您必须获得元素的滚动位置，然后确保通过将 scrollTop 属性设置为原始位置来保持该位置。

var position = element.scrollTop;

//do some work here, which might change the position

element.scrollTop = position;

如何在 ajax 调用后停止滚动到顶部

How to stop scrolling to top after an ajax call

html

javascript

ajax

jquery

scrolltop