移动端 web 滚动方向（水平滚动 or 垂直滚动）如何区分？

Question

可复现 demo（注意在移动端预览）: https://hpigw.csb.app/

上述 demo 中当试图垂直滚动时，会误触发水平滚动，体验相当不好。

具体效果可以参考炒股软件 app（同花顺），垂直滚动时，即使水平滑动，也不会触发水平滚动，反之亦然：

我不太清楚这是 web 的限制（相比 app）还是其他原因？

Answer 1

讲道理是可以，条件是 你垂直焦点和水平焦点，必须处于同一标签内。