在允许位置的同时禁用移动设备中的水平滚动:粘性

问题描述

我正在尝试禁用移动浏览器中的水平滚动。我试过了:

body {
    max-width: 100% !important;
    overflow-x: hidden!important;
}

然而,虽然这适用于移动版 Safari,但用户仍然可以在移动版 Google Chrome 上水平滚动。我也有几个带有 position: sticky菜单,如果我将其更改为

html,body {
    max-width: 100% !important;
    overflow-x: hidden!important;
}

移动版 Google Chrome 上的水平滚动已禁用,但 position: sticky 不再起作用。是否有解决方案可以让我同时禁用移动版 Google Chrome 上的水平滚动并允许 position: sticky?我查看了几个教程,但没有一个允许同时使用。 任何帮助表示赞赏! :)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)