js scroll事件不起作用

Posted 2023-05-01

把页面的css样式一去掉scroll事件就有响应，一加上页面的css样式，scroll事件就没有效果。，css和scroll事件有关系吗？去掉css页面弹出sd，加上css页面不弹Sd

参考技术A 应该是没关系的，或许是你的css里面写的有错误，把css放到js下面试一下。。 参考技术B 这字体骚的一B,把window换掉估计你样式把window的scroll 去掉了 没有scroll了怎么回触发呢？把window 换成body或者全局的div 参考技术C 设置固定的高度，没有高度滚动是无效的！ 参考技术D 没有关系的，事件一直从在的。首先看看你的页面有滚动条吗,有滚动条才有事件。 第5个回答  2017-07-17 请把完整的代码贴出来，这样是看不出问题的

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

【中文标题】第一次删除规则然后再次添加时，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/