我使用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>
的位置?
答案 0 :(得分:2)
首先,您必须获取元素的滚动位置,然后确保通过将scrollTop属性设置为原始位置来保持该位置。
var position = element.scrollTop;
//do some work here, which might change the position
element.scrollTop = position;