在移动设备上(也可以使用 Chrome 中的 F12 工具重现),当单指滚动带有
div
的 overflow: auto
到不可滚动的方向时(因为没有滚动条或因为已经在末尾)然后将手指滑动到可以滚动的方向,没有任何反应,就好像元素冻结了一样。
当你想垂直滚动但用户不是那么“精确”并且向左滚动一点然后向下滚动时,这尤其烦人。
有趣的是:如果页面从
<html>
元素(例如 Wikipedia 或 Stackoverflow)滚动,仅当滚动条来自内部 DIV(例如 MDN 示例,单击“overflow-auto” )
我已经尝试过
scroll-behavior
和 -webkit-overflow-scrolling
的各种组合,但无法让它更好地工作。