有什么方法可以使 div 可以通过 overflow-y:hidden 滚动吗?和 overflow-x:hidden?
我正在尝试但没有成功,也许我需要一些 js 或 jquery 脚本?
我的意思是,我想让 div 在 y 轴上滚动而不在右侧显示滚动条(就像现在这样)。
我试过:
.get-list{
position:absolute;
z-index:444;
text-align: center;
display: none;
bottom:0;
clear:both !important;
left:0;
right:0;
top:11%;
margin:0 auto;
background:#fff;
max-height:800px;
overflow-y:no-display;
overflow-x:hidden;
display: block;
}
谢谢
编辑
.log-widget-list{
position:absolute;
z-index:444;
text-align: center;
display: none;
width:99%;
margin:0 auto;
background:#fff;
height:800px;
overflow: hidden;
}
.log-widget-list .scroller{
overflow: scroll;
height:800px;
width:100%;
}
无论如何它都会显示右边的滚动条
最佳答案
让我们创建一个宽度为 200px 的 div:(注意 overflow:hidden
)
#sidebar{
width: 200px;
height: 300px;
border: 1px solid #000;
overflow: hidden;
}
在该 div 中,我们将创建“可滚动”div。见:
#sidebar #scroller{
width: 215px;
height: 300px;
padding-bottom: 15px;
overflow: scroll;
}
虽然我们给它overflow:scroll
,但滚动条是不可见的。这是因为这个 div 的总宽度为 215px,这将使滚动条在 div 之外消失。
关于javascript - CSS/JQUERY 使 div 可滚动而不显示滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12717021/