我有一个名为items的元素,元素内的内容比元素的高度长,我想让它可以滚动,但要隐藏滚动条,我该怎么做?
<div class="left-side">
<div class="items" style="display:block;width: 94%;margin: 0 auto;overflow: hidden;">
</div>
</div>
.left-side {
width: 1470px;
padding-top: 20px;
height: 878px;
}
我试着把左边的类溢出设置为自动,但这并没有什么作用。
你可以把它藏起来:
html {
overflow: scroll;
}
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
更多信息,请参阅 : https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll
如果你真的想摆脱滚动条,把信息分成两个独立的页面。
对于滚动和滚动条有五个基本的可用性准则: >; *如果一个区域有滚动的内容,就提供一个滚动条。不要依赖 自动滚动或拖动,人们可能不会注意到。
- 隐藏 如果所有的内容都是可见的,则隐藏滚动条。如果人们看到一个滚动条,他们 就会认为有更多的内容,如果他们不能滚动,就会感到沮丧。 &gt;滚动。
- 遵守GUI标准,使用看起来像滚动条的滚动条。 滚动条。
- 避免在网页上进行水平滚动,并将其降至最低。 其他地方。
- 将所有重要的信息显示在折叠上方。用户 用户通常根据他们所看到的内容来决定是留下还是离开。 而不需要滚动。此外,他们只分配20%的注意力 在折页下方。
为了使你的滚动条只在需要时(即有内容需要向下滚动时)可见,请使用overflow: auto
。