weixin_43334063
安全测试1
采纳率100%
2019-05-06 11:28

table滚动时定时刷新会上下抖动

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);
                    });

                }
            }
        });
    }

有没有大佬帮忙看一下,现在加定时器刷新会抖

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • weixin_43334063 安全测试1 2年前

    解决了,css样式的问题,还有html最上面的表头也有问题

    点赞 评论 复制链接分享