我使用下面的代码来模拟带有垂直和水平滚动条的固定标题。请参阅example on jsFiddle。
$('#liveTable').dataTable({
'bSort': false,
'destroy': true,
'aoColumns': [
{ sWidth: "85px", bSearchable: false, bSortable: false },
{ sWidth: "75px", bSearchable: false, bSortable: false },
{ sWidth: "80px", bSearchable: false, bSortable: false },
{ sWidth: "80px", bSearchable: false, bSortable: false },
{ sWidth: "85px", bSearchable: false, bSortable: false },
{ sWidth: "70px", bSearchable: false, bSortable: false },
{ sWidth: "70px", bSearchable: false, bSortable: false },
{ sWidth: "50px", bSearchable: false, bSortable: false }
],
'scrollY': 200,
'scrollX': true,
'info': false,
'paging': false
});
以上代码在Desktop中运行正常。
但是在移动设备中,当我滚动内容标题部分的主体没有相应移动时。移动设备中的标题移动存在一些延迟(闪烁效应)。
如何修复移动设备中的标头移动问题?