添加滚动条到附加框

Question

我的网页上有一个框，您可以将图片拖到上面，它会显示存储在我的数据库中的图像的详细信息。当图像加载到框中时，该框会附加，但我想知道如何将滚动条添加到我的框中，而不是将其一直添加到屏幕上。这是我的JS代码：

    $("#drop").append("<span><img id='t"+id+"' src='images/"+pick[id].src+"' title='"+    
           pick[id].desc+"' alt='"+
           pick[id].alt+"' class='thumb'  />&nbsp;"+pick[id].desc+", Price £"+
           pick[id].price+"</span><br />");  

和我的CSS：

   #drop{   
   float:right;
   margin-left:2%;
   width:30%;
   background-color:9CF;    
   }

感谢您的帮助

Answer 1

不完全确定你在问什么，但也许这可能会有所帮助。为#drop元素指定固定高度，并将overflow属性添加到其样式中。

#drop{   
   float:right;
   margin-left:2%;
   width:30%;
   height: 300px; // Or whatever satisfies you.
   overflow-y: auto;
   background-color:9CF;    
}