javascript - 可以滚动内容但不出现滚动条

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

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