css - 使用css滚动快照获得两列粘性

Question

我试图获得粘性定位以使用滚动快照，但我遇到了困难。

我查看了关于如何使用滚动捕捉的 CSS 技巧（在 codepen 链接中）的示例，发现如果你没有它会中断

overflow-y: scroll;

在容器上（在第 3 行注释掉）。但如果你这样做，那么它会破坏我的两列粘性滚动。有人对我如何使用两者有任何想法吗？

https://codepen.io/shellwe/pen/abzgNzQ

如果没有人对如何在 JS 中实现滚动捕捉有一些好的建议？我发现这可能有效，但我希望 CSS 为我处理它。

http://jsfiddle.net/kZY9R/79/

Answer 1

对于任何由此而来的人，您需要 overflow-y: 滚动的原因是因为您还需要一个设定的高度并且它在该约束内滚动。我终于回到了这个项目，花了一段时间才弄清楚为什么它不起作用。

干杯!