overflow实现隐藏滚动条同时又可以滚动

Posted 2020-10-19 青呢喃

.scroll-list ul{
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0.1rem;
    margin-bottom: -.2rem;
    overflow: -moz-scrollbars-none;
    overflow: -moz-scrollbars-none;
}
.scroll-list ul::-webkit-scrollbar{
    display: none;
}

设置横向滚动时，可以设置overflow-x：auto;