3

これが私が作ろうとしているものです。固定サイズのボックスとして表示される div が必要です。さまざまな JavaScript 関数が時間の経過とともにテキストを配置します。テキストの行数がボックスの高さを超える場合、ボックスの横にスクロールバーを表示して、ボックス自体の高さを固定したまま、ボックス内のテキストをスクロールできるようにしたいと考えています。

これはどのように達成できますか？

4

5 に答える 5

6

css を使用すると、次のことができます。

div{
   overflow-y: scroll
}

overflow-y: auto@tw16としてもできます

于 2012-05-13T19:20:36.973 に答える
4

あなたが言うように、スクロールバーはテキストが多すぎる場合にのみ表示されるべきです。私は次を使用します：

div{
    overflow-y: auto
}

実際の例: http://jsfiddle.net/RMpFu/

于 2012-05-13T19:24:06.443 に答える
3

overflowCSS での使用:

document.querySelector("div").style.overflowY = "scroll";  //For Y
document.querySelector("div").style.overflowX = "scroll";  //For X

document.querySelector("div").style.overflow = "scroll";   //For both ;)

PS

必要な場合にのみスクロール バーを表示する場合は、代わりに次のようにします。

document.querySelector("div").style.overflow = "auto";    //JavaScript

//-or-

div{
    overflow: auto;                       /*CSS*/
}
于 2012-05-13T19:26:15.513 に答える
0 
<style type="text/css">
.holeEvent {
   height: 50px;
   overflow-y: hidden;
}
.holeEvent2 {
   height: 50px;
   overflow-y: scroll;
}
</style>

<div class="holeEvent2"></div>
于 2012-05-14T12:07:55.127 に答える
0 
<script type="text/javascript">
$(function() { 
   $('.holeEvent').hover(function() {
      $(this).removeClass('holeEvent').addClass('holeEvent2');
   },
   function(){
      $(this).removeClass('holeEvent2').addClass('holeEvent');
   });
});
</script>
于 2012-05-14T12:03:58.137 に答える