css内容滚动并消除滚动条

.boxs{
                width:94%;
                height: 472px;
                margin-left: 3%;
                border: 1px solid red;
                overflow-x: hidden;
                overflow-y: scroll;
                    /*解决ios上滑动不流畅*/
            }

            /* 隐藏滚动条 */
   .boxs::-webkit-scrollbar {display:none}

单独设置滚动条样式，隐藏的话上面那个就可以了

.example-panelul::-webkit-scrollbar {/*滚动条整体样式*/
            width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px;

        }

        .example-panelul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

            border-radius: 10px;

            -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);

            background: #535353;

        }

        .example-panelul::-webkit-scrollbar-track {/*滚动条里面轨道*/

            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

            border-radius: 10px;

            background: #EDEDED;

        }