弹出窗口中的溢出滚动条不起作用(引导)



我的网站上有几个弹出窗口,其中包含许多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 在他的评论中建议的那样,为弹出框设置最大高度可以解决此问题。谢谢雷迪!

最新更新