javascript - Chrome 中潜在的 CSS Scroll Snap 错误

标签 javascript css google-chrome scroll-snap

请检查此代码笔,那里描述了问题。还有一个演示。
https://codepen.io/NeXTs/pen/abBwXVw

// snippet of code required by stackoverflow to post a question
slider.addEventListener("scroll", _.debounce((e) => {
    const currentHeight = parseFloat(e.target.style["height"]);
    e.target.style["height"] = currentHeight + (flag ? 5 : -5) + "px";
    flag = !flag;
}, 50));
我已经在 Mac 和 Windows 上测试过它。
Chrome 中的相同行为(在 Mac 和 Windows 上)
与此同时,其他浏览器(即使是 webkit 上的 Safari 和 Opera)也不会立即跳转到最近的捕捉点。
这是一个错误?
如果是这样,我可以报告的正确位置是什么?或者我可以询问的正确位置(与 webkit 相关)是什么?

最佳答案

“在 M81 ( https://web.dev/snap-after-layout/ ) 中布局更改后,Chrome 引入了自动捕捉。”
https://bugs.chromium.org/p/chromium/issues/detail?id=1181843#c8
不幸的是,这种行为在 Chrome 中是故意的。

关于javascript - Chrome 中潜在的 CSS Scroll Snap 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66350253/

相关文章:

javascript - 如何将非字符串参数的名称映射到对象属性名称?

html - 当 parent 使用背景大小 :cover 时如何定位页脚

mongodb - chrome 和 safari 不会在设置了 Content-Length 的 go 服务器提供的 html 模板中呈现图像

google-chrome - 自定义 Chrome 网络检查器的外观

javascript - foreach 内的 mongoose find()

javascript - 如何在 slider 中播放视频时暂停 Bootstrap 2 轮播

javascript - 如何在 React Native 中同时启用多个按钮的触摸?

css - 赋予虚拟图像自然的宽度和高度以做出响应

javascript - 当选中复选框输入时,如何选择另一个元素内的 div?

javascript - 为什么这个幻灯片闪烁?