datatables-cn icon indicating copy to clipboard operation
datatables-cn copied to clipboard

左右拖动滚动行,表格内容可以正常移动,但列表标题卡住

Open csq39 opened this issue 4 years ago • 1 comments

问题:基于iframe内联页面,使用的功能:固定表头,以及fixedColumns左侧,左右拖到下方滚动行,会导致列表标题卡住。

环境:火狐浏览器(80.0.1 (64 位),使用最新版本DataTables

问题说明:

  1. 常规页面是拖动几次(不确定次数)后,卡住
  2. 必然出现的方式:
  • 使用F12弹出调试器,选择事件监听器断点->control->scroll 事件断点
  • 拖动滚动条,第一次没有有问题,但是之后标题就卡住了。

备注:

  1. 单独访问页面,采用debug方式,不会出现这个问题,只有在iframe的方式下才出现此问题
  2. 示例文件参见附件:问题示例.zip
  3. 如果表格未出现左右滚动条,请适当缩短浏览器宽度,直到出现滚动条

其他你认为可以帮助解决问题的信息

  1. 单页面调试基于scroll事件设置断点,页面滚动触发事件后,直接按F8,可以触发两次,但是iframe页面基于scroll事件设置断点,页面触发滚动事件后,按F8,只能触发一次。
  2. 在iframe环境下,标题卡住后,拖动滚动条后,推测是浏览器未触发scroll事件,但是滚动条的scrollLeft能正常变化

csq39 avatar Sep 25 '20 05:09 csq39

@ssy341

csq39 avatar Sep 25 '20 05:09 csq39