CSS / JQUERY使div可滾動而不顯示滾動條

Question

是否有任何方法可以使用overflow-y來隱藏; 和overflow-x：隱藏？

我嘗試沒有成功，也許我需要一些js或jquery腳本？

我的意思是，我想在y軸上進行div滾動而不顯示右側的滾動條（就像現在一樣）。

itryed：

.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%;
}

無論如何它顯示右滾動條

Answer 1

讓我們創建一個寬度為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/

Answer 2

如圖所示，感謝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;
}