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

时间:2015-05-02 07:47:49

标签: javascript jquery html ajax scrolltop

我使用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>的位置?

1 个答案:

答案 0 :(得分:2)

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

var position = element.scrollTop;

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

element.scrollTop = position;