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