在Hmtl页面中只让其中单独的一个div隐藏滚动条但是仍可滚动浏览下边的内容

<style>
  .box ::-webkit-scrollbar {width: 0px;}
</style>
<div class="box">
    <h4>文章名称</h4>
                                <ul class="lits-unstyled">
                                    <li class="x_artical_on"><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                    <li><a href="#">文章名称1</a></li>
                                </ul>
                            </div>