3

overflow-y:hidden; で div をスクロール可能にする方法はありますか? そして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%;
}

とにかく右スクロールバーを表示します

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 に答える