前端设置滚动条

给列表设置上下滑动效果

在装list或者table的容器div上加上class属性，class="table_tbody_box"

/**

表格滚动条

*/

.table_tbody_box {

height: 240px;

overflow: auto;

}

.table_tbody_box::-webkit-scrollbar{

width: 0px;

}

.table_tbody_box::-webkit-scrollbar-thumb {

/*border-radius: 3px;*/

height: 20px; /* 滚动条滑块长度 */

background-color: #ccc;

}

Html标签设置

<div id="div2" class="table_tbody_box">

        <ul id="utl">

          <li class="lis">新的任务需要处理<span class="spansss">2022-01-12</span></li>

          <li class="liss" >新的任务需要处理<span class="spansss">2022-01-12</span></li>

          <li class="liss" >新的任务需要处理<span class="spansss">2022-01-12</span></li>

          <li class="liss" >新的任务需要处理<span class="spansss">2022-01-12</span></li>

          <li class="liss" >新的任务需要处理<span class="spansss">2022-01-12</span></li>

        </ul>

    </div>