如何在 iOS (CSS) 的网站上禁用水平滚动

Question

我似乎无法在 CSS 中为 iOS 禁用水平滚动。我需要在侧面增加额外的宽度来为导航栏腾出空间，因此禁用它对我来说至关重要。

我试过了

html,
body {
  overflow: hidden;
  overflow-x: hidden;
  max-width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display: none;
}

body::-webkit-scrollbar {
  display: none;
}

但我仍然可以在我的 iPhone 上水平滚动代码应该在https://infinity6542.netlify.app

Answer 1

你有没有尝试过

*{
  overflow: hidden;
}

我相信溢出属性就足够了。