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

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

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

    添加横向滚动条

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

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

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

    与本文相关的文章

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

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

    • *昵称:
    • *邮箱:

    近期文章

    • Vue3中动态设置标题的方法
    • vue中scss是什么
    • vue事件处理
    • HTML中head区meta标签常见使用
    • Git中文件忽略版本控制的方法

    分类目录

    • CSS (26)
    • Golang (23)
    • HTML (11)
    • Javascript (68)
    • Linux (64)
    • PHP (89)
    • 其他 (27)
    • 数据库 (48)

    热门标签

    docker (1) python3 (3) rabbitmq (2) solr (4) vue (26)

    • © 2015-2025 奇学云栈 qeexue.com 保留所有权利  京ICP备14002809号-6
    • 免责声明: 本网站部分内容收集于互联网,如果侵犯了你的权益,请联系我们及时删除,反馈邮箱: 4693708@qq.com