如何仅在需要时显示Bootstrap 3弹出式滚动条

华伦天奴(Valentino S.)

我有一个带有滚动条的弹出窗口

的HTML

<ul class="navbar-nav pull-right"> 
<li><a href="#" data-toggle="popover" title="Notifications" data-html="true" data-content="<a href='?Profile'><div class='pop-text'>Notification 1</div></a><hr /><a href='?Profile'><div class='pop-text'>Notification 2</div></a><hr /><a href='?Profile'><div class='pop-text'>Notification 3</div></a><hr /><a href='?Profile'><div class='pop-text'>Notification 4</div></a><hr /><div><p id='foot-notification-pop'><a href='?notification'>Show all</a></p></div>">Notification</a></li>
</ul>

的CSS

.popover-content {
  height: 200px;
  overflow-y: scroll;
 }

我只想在需要时显示滚动条,也就是仅当popover-content的高度超过200px时才显示。滚动条始终显示,但高度小于200px时不可单击(当然)。我该怎么做?任何帮助将不胜感激。谢谢!

用户名

您可以使用overflow:auto在此处阅读有关溢出属性的更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3:滚动条

来自分类Dev

动作3-如何删除菜单栏(滚动条)以仅显示空白弹出窗口?

来自分类Dev

Bootstrap 3 水平滚动条

来自分类Dev

如何从角度弹出窗口中删除垂直滚动条

来自分类Dev

CSS溢出滚动仅在需要时显示

来自分类Dev

当我将滚动条添加到弹出窗口时,bootstrap popover箭头消失

来自分类Dev

CSS转换在不需要时显示滚动条

来自分类Dev

具有图像和滚动条的Bootstrap 3 Modal

来自分类Dev

Bootstrap 3,不带滚动条的全高容器

来自分类Dev

Bootstrap 3行太宽,导致水平滚动条

来自分类Dev

如何在Android中隐藏DIV上的灰色滚动条-仅在您无法滚动时显示

来自分类Dev

滚动条未显示-BootStrap

来自分类Dev

Bootstrap 3.0.3的弹出式模块

来自分类Dev

Bootstrap 3.0.3的弹出式模块

来自分类Dev

QTableWidget显示滚动条

来自分类Dev

如何创建弹出式登录

来自分类Dev

如何创建弹出式登录框?

来自分类Dev

如何使响应弹出式div?

来自分类Dev

如何在模式窗口弹出窗口上隐藏滚动条

来自分类Dev

Tkinter-如何将滚动条添加到我的弹出窗口

来自分类Dev

如何使 XAML 中滚动查看器的滚动条成为非交互式

来自分类Dev

如何居中滚动条?

来自分类Dev

如何激活滚动条?

来自分类Dev

如何居中滚动条?

来自分类Dev

如何调整滚动条?

来自分类Dev

如何使滚动条变宽?

来自分类Dev

位置为负时,如何显示滚动条?

来自分类Dev

内部内容与底部对齐时如何显示滚动条?

来自分类Dev

位置为负时,如何显示滚动条?