你如何将一个滚动条添加到一个div?

我有一个popup窗口,显示一些结果,我想要显示一个滚动条,因为结果被截断(我不希望popup窗口太长)。

你需要添加style="overflow-y:scroll;" 到div标签。 (这将强制垂直滚动条)。

如果你只需要一个滚动条,只需要执行overflow-y:auto;

Css类与滚动有一个很好的Div

 .DivToScroll{ background-color: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 4px 0 4px 0; color: #3B3C3E; font-size: 12px; font-weight: bold; left: -1px; padding: 10px 7px 5px; } .DivWithScroll{ height:120px; overflow:scroll; overflow-x:hidden; } 

如果你想添加一个滚动条使用jquery下面将工作。 如果你的div有一个id为'mydiv',你可以使用下面的jQuery idselect器的CSS属性:

 jQuery('#mydiv').css("overflow-y", "scroll"); 
 <div class="scrollingDiv">foo</div> div.scrollingDiv { overflow:scroll; } 
 <head> <style> div.scroll { background-color:#00FFFF; width:40%; height:200PX; FLOAT: left; margin-left: 5%; padding: 1%; overflow:scroll; } </style> </head> <body> <div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better </div> </body> </html>