我正在为一个客户和男人建立一个网站，我有一个很难与CSS滚动管理单元在Chrome浏览器...
{{修订的URL}}
我在OSX上使用的是Chrome 109.0.5414.87。在动画介绍之后（仅供参考，我讨厌这些，但客户喜欢它们），你应该会看到：
1.从第一个红色部分滚动到蓝色部分时，我看到一个闪光
1.从第一个红色部分滚动到蓝色，通常情况下它几乎会到达蓝色，但然后小故障回到红色。
1.实际上，您可以向上滚动到页面顶部
在Firefox甚至Safari（OMG）上都能很好地工作。
所有的问题似乎都与从第一张幻灯片到第二张幻灯片有关。
我注意到滚动条的长度在从第1节到第2节时似乎发生了变化，我不知道为什么，但也许这是相关的？
任何提示或帮助将是最受欢迎的！
1条答案
按热度按时间disho6za1#
好了，现在看看这个，我发现这是因为我在页面底部有一个元素（页脚）切换到
display:none。不知道为什么这会影响滚动捕捉，但我想这是因为它改变了滚动条的长度，Chrome不喜欢这样。这并没有停止滚动问题（#3），但它似乎解决了所有的视觉故障。
所以对于所有未来的人：当使用scroll-snap时，确保你没有做任何可能在滚动过程中改变页面高度的事情，Chrome不喜欢这样。移动的上的
100vh是另一个罪魁祸首。