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

overflow在 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*/
}
于 2012-05-13T19:26:15.513 回答
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 回答
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 回答