Javascript 可以滚动内容,但不显示滚动条
我希望我的内容仍然可以滚动,但滚动条不会出现。 我的css是这样写的:Javascript 可以滚动内容,但不显示滚动条,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望我的内容仍然可以滚动,但滚动条不会出现。 我的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{ w
#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_的课程,而不仅仅是一个,还有很多)
我该怎么办?我需要补充什么?css?还是jquery?
感谢您的建议和建议。您需要将内部容器的宽度设置为大于父容器的宽度,这就是您将在隐藏区域隐藏滚动条的方式