css 横向滑动

2019-09-18 16:24 / 已浏览 366 次

横向滑动

<style>
   .box {
        display: -webkit-box;
        overflow-x: scroll;
        -webkit-overflow-scrolling:touch;
    }
   .box-item {
        padding: 10px;
        width: 300px;
        background: red
    }
</style>
<template>
     <section class="box">
         <section class="box-item">1</section>
         <section class="box-item">2</section>
         <section class="box-item">3</section>
         <section class="box-item">4</section>
         <section class="box-item">5</section>
         <section class="box-item">6</section>
         <section class="box-item">7</section>
     </section>
</template>

群号:339840649
Node、Vue、react、angular