<template>
<view>
<view class="overFlow">
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</view>
</view>
</template>
<style lang="less">
// 设置横向滚动滚动
.overFlow {
overflow-x: hidden;
overflow-x: scroll;
}
// 隐藏滚动条
.overFlow::-webkit-scrollbar {
display: none
}
</style>
除了可以设置隐藏滚动条，还有其他的伪类文章来源：https://www.toymoban.com/news/detail-741680.html
::-webkit-scrollbar — 整个滚动条.
::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
::-webkit-scrollbar-track — 滚动条轨道.
::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).
详见：https://www.jianshu.com/p/be6fa442428e文章来源地址https://www.toymoban.com/news/detail-741680.html
到了这里，关于css overflow-x: scroll 不展示/隐藏滚动条的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
