Jquery 像html选择框一样在窗口外显示div
我需要生成包含图像和文本的自定义下拉列表选项 在HTML选择选项中，只能放置文本 所有现有的自定义下拉列表（如bootsrap、jqueryui等）都会创建显示为select的div，但如果选项高度超过窗口高度，我们就看不到所有选项 这意味着我希望看到它像选择框一样，它的选项显示在窗口上方 换句话说，我正在寻找一个解决方案，如何使div溢出窗口 例如：Jquery 像html选择框一样在窗口外显示div,jquery,html,css,Jquery,Html,Css,我需要生成包含图像和文本的自定义下拉列表选项 在HTML选择选项中，只能放置文本 所有现有的自定义下拉列表（如bootsrap、jqueryui等）都会创建显示为select的div，但如果选项高度超过窗口高度，我们就看不到所有选项 这意味着我希望看到它像选择框一样，它的选项显示在窗口上方 换句话说，我正在寻找一个解决方案，如何使div溢出窗口 例如： 如果DIV高度为400px，窗口为300px，则当部分DIV超出窗口时，仍会显示整个DIV。尝试ddSlick jquery插件。您可以设置下拉
如果DIV高度为400px，窗口为300px，则当部分DIV超出窗口时，仍会显示整个DIV。尝试ddSlick jquery插件。您可以设置下拉列表将溢出的高度。以下是it工作的代码示例：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/ddslick/2.0/jquery.ddslick.min.js"></script>
</head>
<body>
<div id="myDropdown"></div>
<script>
$(function() {
//Dropdown plugin data
var ddData = [{
text: "Facebook",
value: 1,
selected: false,
description: "Description with Facebook",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
}, {
text: "Twitter",
value: 2,
selected: false,
description: "Description with Twitter",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
}, {
text: "LinkedIn",
value: 3,
selected: true,
description: "Description with LinkedIn",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
}, {
text: "Foursquare",
value: 4,
selected: false,
description: "Description with Foursquare",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
}];
$('#myDropdown').ddslick({
data: ddData,
width: 300,
height: 110,
selectText: "Select your preferred social network",
imagePosition: "left",
onSelected: function(selectedData) {}
});
});
</script>
</body>
</html>
您可以在jsbin上进行测试。您可以添加代码吗？您需要添加代码以帮助回答者。选项未显示在窗口外滚动显示