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

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