如何避免mac触摸板左滑误返回?

使用js的方式就不说了,这几天看到还可以用css来解决这个问题。overscroll-behavior-x

关于这个属性的兼容性,你可以查看这里:https://caniuse.com/css-overscroll-behavior,属性的介绍参见MDN说明。

那么,在容器上添加该css即可,如:

.wrapper {
  overscroll-behavior-x: none;
}

你可以在如下的Demo中尝试用触摸板左滑对比差异:

See the Pen
Untitled
by leevare (@leevare-the-reactor)
on CodePen.

如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注