第一次删除规则然后再次添加时，css scroll-snap 不起作用（chrome）
Posted
技术标签:
【中文标题】第一次删除规则然后再次添加时，css scroll-snap 不起作用（chrome）【英文标题】：css scroll-snap not working when rule is first removed then added again (chrome) 【发布时间】：2019-04-25 02:33:21 【问题描述】：我有一个带有scroll-snap-type: y mandatory; 的容器和带有scroll-snap-align: start; 的子元素。在 chrome 中，滚动捕捉按预期工作。
然后我通过js删除关于scroll-snap-type的css规则并稍后将其设置回来。
之后，捕捉不起作用。
这是一个错误吗？难道我做错了什么？这种行为符合规范吗？还是有解决方法？
（我只在windows机器上的chrome浏览器中测试过。）
演示： https://jsfiddle.net/gjcs3y6k/2/
【问题讨论】：
【参考方案1】：如果您还删除然后为子元素添加规则scroll-snap-align，则可以正常工作。
我更新了你的小提琴：https://jsfiddle.net/gjcs3y6k/4/
【讨论】：
以上是关于第一次删除规则然后再次添加时，css scroll-snap 不起作用（chrome）的主要内容，如果未能解决你的问题，请参考以下文章
使 $(window).scroll() 上的 animate() 平滑
应用于 Scroll 上的 Handsontable 网格行的 CSS 无法正常工作
再次删除并添加平台后，Cordova 无法在 Android 上运行