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

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

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