Question

这就是我想要做的。我想要一个div，它显示为一个固定维度的框，各种javascript函数将随时间放置文本。当文本行数超过框的高度时，我想在框旁边显示一个滚动条，这样您就可以滚动框内的文本，同时框本身保持固定的高度。

如何实现这一目标？

Answer 1

使用css你可以这样做：

div{
   overflow-y: scroll
}

你也可以overflow-y: auto作为@ tw16

Answer 2

正如你所说，只有当文字太多时才会出现滚动条，我会使用：

div{
    overflow-y: auto
}

实例：http://jsfiddle.net/RMpFu/

Answer 3

在CSS中使用overflow：

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

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

P.S。

如果您希望仅在必要时显示滚动条，则可以改为：

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

//-or-

div{
    overflow: auto;                       /*CSS*/
}

Answer 4

<script type="text/javascript">
$(function() { 
   $('.holeEvent').hover(function() {
      $(this).removeClass('holeEvent').addClass('holeEvent2');
   },
   function(){
      $(this).removeClass('holeEvent2').addClass('holeEvent');
   });
});
</script>

Answer 5

<style type="text/css">
.holeEvent {
   height: 50px;
   overflow-y: hidden;
}
.holeEvent2 {
   height: 50px;
   overflow-y: scroll;
}
</style>

<div class="holeEvent2"></div>

如何制作滚动条？

5 个答案:

P.S。