javascript - 将滚动条添加到附加框

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;    
}