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

Question

我的网站上有几个弹出窗口，其中包含许多 href 标签。对于大多数弹出窗口，高度没有问题。但是，其中两个需要 overflow/scrollbar 解决方案。

这是我迄今为止尝试过的方法，但它似乎不起作用：

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

任何有关如何解决此问题的想法都将不胜感激。

Answer 1

正如 Reddy 在他的评论中所建议的那样，为弹出窗口设置最大高度可以解决此问题。谢谢雷迪！

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

Overflow scrollbar in popover window not working (Bootstrap)

javascript

html

css

twitter-bootstrap

popover