zoukankan      html  css  js  c++  java
  • css去掉div的滚动条

    懒得讲原理了,直接贴代码:

    css部分:

    .slide-box {
    margin-top: 200px;
    display: -webkit-box;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    }

    .slide-item {
    200px;
    height: 200px;
    border: 1px solid #ccc;
    margin-right: 30px;
    }

    ::-webkit-scrollbar {
    0px;
    }

    ::-webkit-scrollbar-track {
    background-color: none;
    }

    ::-webkit-scrollbar-thumb {
    background-color: none;
    }

    ::-webkit-scrollbar-thumb:hover {
    background-color: none;
    }

    ::-webkit-scrollbar-thumb:active {
    background-color: none;
    }
     
     
    html部分:
    <div class="slide-box">
    <div class="slide-item">1</div>
    <div class="slide-item">2</div>
    <div class="slide-item">3</div>
    <div class="slide-item">4</div>
    <div class="slide-item">5</div>
    </div>
  • 相关阅读:
    Hash大法
    最小表示法
    KMP算法题集
    分块总结
    2018 雅礼国庆集训
    二分图总结
    贪心总结
    Tire树总结(模板+例题)
    工具类文章合集
    网文胡乱汇总
  • 原文地址:https://www.cnblogs.com/0955xf/p/10486593.html
Copyright © 2011-2022 走看看