table滚动时刷新会上下抖动,刚开始刷新会跳动,慢慢变成抖动
function gdtb() {
var url = "/parking/carIo";
$.ajax({
"url" : url,
"type" : "GET",
"dataType" : "json",
"success" : function(json) {
var MyMarhq = '';
clearInterval(MyMarhq);
$('.tbl-body tbody').empty();
$('.tbl-header tbody').empty();
var str = '';
$.each(json, function(i, json) {
str = '<tr>' + '<td>' + json.id + '</td>' + '<td>'
+ json.carNumber + '</td>' + '<td>'
+ json.ioTime + '</td>' + '<td>' + json.isYun
+ '</td>' + '<td>' + json.parkName + '</td>'
+ '</tr>'
$('#Tbl-body tbody').append(str);
$('#Tbl-header tbody').append(str);
});
if (json.length > 5) {
$('#Tbl-body tbody').html(
$('#Tbl-body tbody').html()
+ $('#Tbl-body tbody').html());
$('#Tbl-body').css('top', '0');
var tblTop = 0;
var speedhq = 50; // 数值越大越慢
var outerHeight = $('#Tbl-body tbody').find("tr")
.outerHeight();
function Marqueehq() {
if (tblTop <= -outerHeight * json.length) {
tblTop = 0;
} else {
tblTop -= 1;
}
$('#Tbl-body').css('top', tblTop + 'px');
}
MyMarhq = setInterval(Marqueehq, speedhq);
// 鼠标移上去取消事件
$("#Tbl-header tbody").hover(function() {
clearInterval(MyMarhq);
}, function() {
clearInterval(MyMarhq);
MyMarhq = setInterval(Marqueehq, speedhq);
});
}
}
});
}
有没有大佬帮忙看一下,现在加定时器刷新会抖