将滚动条添加到附加框

我的网页上有一个框，您可以拖动图像并将其显示存储在数据库中的图像的详细信息。当图像加载到盒子时，盒子会添加，但我想知道如何将滚动条添加到我的盒子中，而不是将它添加到屏幕中。这里是我的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;  
    }

感谢您的帮助

来源

2013-04-14 user182

不完全相信你问什么，但也许这将有助于。给#drop元素设置一个固定高度，并将overflow属性添加到其样式中。

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

来源

2013-04-14 23:52:13

好的，这正是我所要求的，谢谢！不过，我的网页的一项功能是，您可以将图像从盒子中拖出以删除显示的细节。这不允许图像离开框，尽管在拖动到删除框时仍然会将其删除 – user182

请查看此示例：http://www.dhtmlx.com/docs/products/dhtmlxDataView/samples/05_drag-正滴/ 07_auto_scroll.html。它不使用图像，但它会给你一个想法。 –

这就是我正在寻找的东西，但我似乎无法从源代码中找到要添加到我的东西 – user182

回答

相关问题