请检查此代码笔,那里描述了问题。还有一个演示。
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/