0


css overflow-x: scroll 不展示/隐藏滚动条

<template><view><view class="overFlow">
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        </view></view></template><style lang="less">// 设置横向滚动滚动.overFlow {
        overflow-x: hidden;
        overflow-x: scroll;}// 隐藏滚动条.overFlow::-webkit-scrollbar {display: none
    }</style>

除了可以设置隐藏滚动条,还有其他的伪类

::-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

标签: css 前端

本文转载自: https://blog.csdn.net/Dream_Fever/article/details/129855143
版权归原作者 翠花517 所有, 如有侵权,请联系我们删除。

“css overflow-x: scroll 不展示/隐藏滚动条”的评论:

还没有评论