CSS 提示:什么是滚动链?
当子滚动条达到其最大范围时,父容器开始滚动,您是否遇到过这种行为。
如果你是这个问题的受害者,那么你可能overflow-y: hidden
在父容器上使用了 CSS 属性,或者可能使用了position: fixed
你再也不需要用这些 hack 了。CSS 里有一个属性可以控制这种溢出效果。只需overscroll-behavior
在 body 上应用它,就能防止它在任何地方发生。
body {
overscroll-behavior: contain; /* or "none" */
}
演示- https://codepen.io/jyotishman/pen/yLMKvWX
欲了解更多此类内容,请在 Twitter 上关注我 -
用户名 - frontend_jsx
文章来源:https://dev.to/jyotishman/css-tip-what-is-scroll-chaining-167m