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

时间:2018-11-22 11:52:20

标签: css scroll-snap-points

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

(我只在Windows计算机上的chrome浏览器中对其进行了测试。)

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

1 个答案:

答案 0 :(得分:1)

如果还删除然后添加子元素规则scroll-snap-align,则该规则正常。

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