Question

我正在使用BootStrap和jQuery，所以使用这些答案也足够了。

基本上，我有下拉列表，我在 ul 中插入两个 span 来标记列表的顶部和底部。它们看起来很好，它们在列表滚动时滚动，但是我仅希望它们出现，如果列表溢出创建滚动条。有没有一个简单的CSS技巧，或者我应该只使用jQuery检查列表是否可以滚动并更新其位置，然后呢？

编辑。人们想要代码，就像这样。“

<ul class="dropdown-menu">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle">SubMenu 1</a>
    <ul class="dropdown-menu">
        <span class="menu-anchor-top"></span>
        <span class="menu-anchor-bottom"></span>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
  </li>
</ul>

Answer 1

我不知道用min-height做这个的方法。但上面的评论者似乎知道它有效。

但这应该可以解决问题。如果您有滚动条，则scrollWidth将大于outerWidth。

if ( $("element").outerHeight() < $("element").get(0).scrollHeight ) {
    console.log("we have a scrollbar!");
    //show your stuff.
}

//编辑：显然它必须是outerHeight而不是width。

HTML / CSS：有没有办法在子元素显示之前指定最小父高？

1 个答案: