Jquery Can'；当内容溢出时不能滚动

我有一个下拉菜单，它在Chrome上运行得非常好，但是数据溢出了列表，我无法向下滚动。我尝试使用“overflow:hidden”用户，但它只是隐藏了溢出数据，无法在Chrome和Explorer上向下滚动

<div class="dropdown info-required">
    <button name="mccGroupButton" class="btn btn-default text-left dropdown-toggle 
                 requiredInput picklistOverflow form-control" type="button" 
                 id="mccGroupButtonId" data-toggle="dropdown" aria-expanded="true" 
                 style="text-align: left !important; padding-right:5px;width:140px;
                 position: relative;"> 
      <span id="chosenGroup"></span>
      <span class="mccArrow">▾</span>
    </button>
  <ul id="mccGroupUlId" class="dropdown-menu picklistValuesOverflow" role="menu" 
          aria-labelledby="mccGroupButtonId" style="width:auto;min-width:250px;
          height:220px; bottom: 0px;">
  </ul>
</div>

▾

制作高度：自动

它不会给滚动填充总内容的高度

制作高度：自动

---

它不会给scroll填充总内容的高度

溢出：隐藏任何大于固定大小div的内容都将被隐藏

相反，使用

overflow:scroll

这将强制始终显示滚动条。它将在不需要时被禁用，并根据需要自动启用。这样可以确保您的内容在任何时候看起来都相同

另一种选择是：

overflow:auto

或

这将只在需要时显示滚动条，但如果您的内容是动态更改的，则可能会强制更改布局。因此，使用哪一种取决于您的需求

---

每种方法的示例：

div{
边框：1px实心#CCC；
浮动：左；
宽度：75px；
高度：75px；
}

自动的
自动

1
2
3
4
5
6
滚动

1
2
3
4
5
6
scroll-y

1
2
3
4
5
6
隐藏的

1
2
3
4
5
6
带有
溢出：隐藏
任何大于固定大小div的内容都将被隐藏

相反，使用

overflow:scroll

这将强制始终显示滚动条。它将在不需要时被禁用，并根据需要自动启用。这样可以确保您的内容在任何时候看起来都相同

另一种选择是：

overflow:auto

或

这将只在需要时显示滚动条，但如果您的内容是动态更改的，则可能会强制更改布局。因此，使用哪一种取决于您的需求


每种方法的示例：


div{
边框：1px实心#CCC；
浮动：左；
宽度：75px；
高度：75px；
}

自动的
自动

1
2
3
4
5
6
滚动

1
2
3
4
5
6
scroll-y

1
2
3
4
5
6
隐藏的

1
2
3
4
5
6
谢谢您如此详细和专业的回答。谢谢您如此详细和专业的回答。