Javascript 如何显示滚动条？

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

---

如何做到这一点？

使用css，您可以做到：

div{
   overflow-y: scroll
}

---

您还可以

overflow-y:auto

作为@tw16

正如您所说，滚动条只应在文本过多时出现，我将使用：

div{
    overflow-y: auto
}

---

实例：

在CSS中使用

溢出

：

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

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

附笔。 如果希望仅在必要时才显示滚动条，则可以执行以下操作：

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

//-or-

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

$（函数（）{
$（'.holeEvent'）.hover（函数（）{
$（this.removeClass（'holeEvent'）.addClass（'holeEvent2'）；
},
函数（）{
$（this）.removeClass（'holeEvent2'）.addClass（'holeEvent'）；
});
});

霍利文先生{
高度：50px；
溢出y：隐藏；
}
.霍利文2{
高度：50px；
溢出y：滚动；
}

我一直在寻找的东西。谢谢在我回答之后，在你的答案中添加

overflow-y:auto

有点无礼。不，任何方法都可以接受。我给它贴上了我熟悉的东西，因此我愿意使用。这很好。为什么你要把所有的东西都应用到

body

而不是OP所指的

div

？@tw16-在JavaScript中引用

body

比

div

容易得多。。。这只是一个例子。

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

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

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