我的网站上有几个弹出窗口,其中包含许多href标签。对于大多数弹出框,高度没有问题。但是,其中两个需要溢出/滚动条解决方案。
这是我到目前为止尝试过的,但它似乎不起作用:
.HTML:
<div class="col-sm-2">
<a href="#" class="thumbnail" data-toggle="popover" data-trigger="focus" title="Yeast & Mould" data-content='<ul><li><a href="First link"</a></li>
<li><a href="Second link"</a></li>
<li><a href="Multiple links"</a></li>
</ul>
</a>
</div>
Javascript:
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover({html: true;});
});
</script>
.CSS:
.popover-content {
overflow-y: auto;
}
关于如何解决这个问题的任何想法将不胜感激。
正如 Reddy 在他的评论中建议的那样,为弹出框设置最大高度可以解决此问题。谢谢雷迪!