9学知识网
  • 首页
  • HTML
  • CSS
  • Javascript
  • PHP
  • Golang
  • 数据库
  • Linux
    你的位置:9学知识网 > CSS > 移动端添加横向滚动条及隐藏滚动条

    移动端添加横向滚动条及隐藏滚动条

    CSS piniu 6年前 (2019-09-22) 2114浏览 0评论

    添加横向滚动条

    ul {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    隐藏滚动条,保留滚动效果

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

    上一篇 Vue中axios与vue-axios的区别 vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。 下一篇

    与本文相关的文章

    • css的flex布局使用
    • CSS实现div的高度自适应填满屏幕
    • 动态设置html元素的font-size
    • Element的Container布局容器布满全屏
    • css-布局- box-sizing 的含义及作用
    • css实现超出部分显示省略号
    • 设置输入框input中placeholder的字体颜色、字号
    • CSS背景透明文字不透明或者子节点不透明
    • vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。
    • css flex弹性布局学习总结
    • css兼容display:flex
    • CSS中cursor属性给标签加上小手形状
    发表我的评论
    取消评论
    表情

    Hi,您需要填写昵称和邮箱!

    • * 昵称:
    • * 邮箱:

    近期文章

    • Golang 处理复杂格式JSON数据(多类型混合)
    • golang的time包:秒、毫秒、纳秒时间戳输出方式
    • golang string转int,int转string
    • Go发送http请求: post,get,put,delete请求示例代码
    • golang写入日志函数

    分类目录

    • CSS (25)
    • Golang (23)
    • HTML (10)
    • Javascript (65)
    • Linux (63)
    • PHP (87)
    • 其他 (23)
    • 数据库 (48)

    热门标签

    vue (25)solr (4)python3 (3)rabbitmq (2)docker (1)
    • © 2015-2025 9学知识网 9xue.cn 保留所有权利  京ICP备14002809号-6
    • 免责声明: 本网站部分内容收集于互联网,如果侵犯了你的权益,请联系我们及时删除,反馈邮箱: 4693708@qq.com