可以滚动内容，但不显示滚动条

Question

我希望我的内容仍然可以滚动，但滚动器不会出现。我这样写我的css：

#content-three{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
}
.block_s{
    width:90%;
    height:30%;
    margin:2.5%;
    padding:2.5%;
/*  border:5px solid gray; */
}
.isi{
    width:50%;
    height:100%;
    font-size:100%;
    float:right;
}

和像这样的 html 文件：

<div id="content-three">
    <div class="block_s">
       <ul class="scroll_img" id="sc01">
         <li><img src="images/port/picture1.jpg" /></li>
         <li><img src="images/port/picture2.jpg" /></li>
         <li><img src="images/port/picture3.jpg" /></li>
            <span class="button prevButton"></span>
            <span class="button nextButton"></span>
       </ul>
           <div class="isi">
             <h2>Judul</h2>
                <p>lalalalala llllllllllllaaaaaaaaaaalll </p>
           </div>
     </div>
</div>

（内容与block_s类不仅仅是一个有很多）我该怎么办？我需要添加什么？.css？还是jquery？感谢您的建议和建议。

Answer 1

您需要将内部容器的宽度设置为大于父容器的宽度，这就是隐藏区域滚动条的方式。