弹出窗口中的溢出滚动条 window 不起作用 (Bootstrap)
Overflow scrollbar in popover window not working (Bootstrap)
我的网站上有几个弹出窗口,其中包含许多 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;
}
任何有关如何解决此问题的想法都将不胜感激。
正如 Reddy 在他的评论中所建议的那样,为弹出窗口设置最大高度可以解决此问题。谢谢雷迪!
我的网站上有几个弹出窗口,其中包含许多 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;
}
任何有关如何解决此问题的想法都将不胜感激。
正如 Reddy 在他的评论中所建议的那样,为弹出窗口设置最大高度可以解决此问题。谢谢雷迪!