css移动端禁止左右滑动,可以上下滑动

你可以使用CSS属性 `overflow-x: hidden;` 来禁止左右滑动，同时保留上下滑动。具体实现如下：

body {
  overflow-x: hidden;
}

这会禁止网页在水平方向上滚动。如果你想要在某个具体的元素上实现这个效果，只需要将 `body` 替换成你想要的元素即可。

相关问题

overflow 移动端五左右滑动

在移动端使用 `overflow:scroll` 或 `overflow:auto` 属性时，由于浏览器的默认行为，可能会阻止左右滑动。您可以尝试添加以下 CSS 样式来禁用浏览器的默认行为：

.container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

其中 `-webkit-overflow-scrolling: touch` 可以启用 iOS 设备的原生滚动效果，使您的页面在移动端的滑动体验更加流畅。