移动Chrome上的粘滞便笺表头越野车行为

Question

我正在尝试在position:sticky上使用thead th。在台式机上，它工作正常，但在移动版Chrome（同时使用Chrome开发者工具设备模拟器和Android手机上的Chrome）上，效果却很奇怪。 （Firefox设备模拟器可以使用。）特别是：

1. 向下滚动时，标题随页面滚动并且不会发粘
2. 从底部向上滚动时，标题不会立即显示。但是，一旦您到达顶部一定距离，标题就会出现并发粘，直到您到达顶部为止，然后标题恢复为预期的页面一部分。
3. 如果您开始向下滚动，即使它们仍处于“固定”模式（在＃2中），它们也会从顶部消失，其他一切都不再固定。

我已将我的页面最小化为一个带有表的普通页面，该表具有thead>tr>th和tbody>tr>td结构，具有足够的列以要求水平滚动，并且将普通CSS应用于{{ 1}} s。

实际上，如果我删除了足够多的列以使其水平放置，那么它将起作用。

该页面正在使用引导程序3.4，但是删除它似乎并没有改变行为。

在其周围添加div.table响应无济于事。

这是Chrome中的错误吗？

有什么方法可以使其在不消除列的情况下工作？

完整的最小化示例包含在下面，可作为代码笔在https://codepen.io/nafg/pen/ErVEEK中使用。使用codepen的“调试模式”视图（登录时可用，可能需要分叉）独立查看以进行复制（或仅复制到新的.html文件）。 （Codepen的“ Full Page View”（全屏视图）和SO的“ full page”（整个页面）选项（在运行代码段后可用）使用iframe，并且不显示问题。

谢谢。

th