第一次删除规则然后再次添加时，css scroll-snap 不起作用（chrome）

Question

我有一个带有scroll-snap-type: y mandatory; 的容器和带有scroll-snap-align: start; 的子元素。在 chrome 中，滚动捕捉按预期工作。 然后我通过js删除关于scroll-snap-type的css规则并稍后将其设置回来。 之后，捕捉不起作用。 这是一个错误吗？难道我做错了什么？这种行为符合规范吗？还是有解决方法？

（我只在windows机器上的chrome浏览器中测试过。）

演示： https://jsfiddle.net/gjcs3y6k/2/

Answer 1

如果您还删除然后为子元素添加规则scroll-snap-align，则可以正常工作。

我更新了你的小提琴：https://jsfiddle.net/gjcs3y6k/4/