3

有什么方法可以使 div 可以使用 overflow-y:hidden 滚动；和溢出-x：隐藏？

我正在尝试没有成功，也许我需要一些 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%;
}

无论如何它都会显示正确的滚动条

4

2 回答 2

13

让我们创建一个宽度为 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 之外消失。

另见：http: //jsfiddle.net/TBsN8/

于 2012-10-03T21:24:06.260 回答
0

由 Sebass van Boxel 修复，如图所示

.log-widget-list{
  position:absolute;
  display: none;
  width:98% !important;
  top:11%;
  max-height:500px;
  overflow: hidden;
  bottom:0 !important;
  left:0;
  right:0;
  margin:0 auto !important;
 }

.log-widget-list .scroller{
  overflow: scroll; 
  max-height:500px;
  padding-bottom:3%;
  width:104% !important;
}
于 2012-10-03T21:50:22.510 回答