css 第一次删除规则然后再次添加时滚动捕捉不起作用 (chrome)

css scroll-snap not working when rule is first removed then added again (chrome)

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

(我只在 windows 机器上的 chrome 浏览器中测试过它。)

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

如果您还删除然后添加子元素的规则,scroll-snap-align,它工作正常。

我更新了你的fiddle:https://jsfiddle.net/gjcs3y6k/4/