html - 位置粘性无法在 Iphone 上的 Direction RTL 中正常工作

Question

我面临着 RTL html 方向上的位置粘滞问题，我有一个表格，其中第一个td和thead位置tbody粘连right: 0;，在scroll x,表格父容器上有overflow-x: scroll; overflow-y: auto; white-space: nowrap;！即使在 chrome 开发工具、firefox 和 codepen 上也一切正常，但是当我在iphone上打开相同的东西时，粘性位置会粘在左侧，像这样，在此处输入图像描述，但左侧看起来像这样，在这里输入图像描述，当滚动x方向发生时，粘性元素散居并不停地回来，有人知道为什么吗？谢谢你。codepen - https://codepen.io/shammlo/pen/rNMeZNe?editors=1100

标签： htmlcsssass

Answer 1

position:stickySafari（在所有平台上）在与RTL 阅读方向一起使用right时总是出现故障。left我不知道有任何开放的 WebKit 错误或任何解决此问题的计划。我建议你打开一个 WebKit 的 bug，并且在可预见的将来，不要以这种方式使用 Sticky 来进行 RTL 方向。