滚动挂起 bootstrap 下拉菜单

Question

我做了一个下拉菜单。如您所见，由于 overflow-x:hidden.

它是可滚动的

在 IE9 中，它按预期工作。但是当我在 Chrome 中尝试时，你可以滚动到底部，如果你再滚动几次到底部，列表会挂起一秒钟然后才滚动到顶部。

  <div class="btn-group" style="width:100%">
  <ul class="dropdown-menu" 
style="display: inherit; max-height: 200px;width:100%;overflow-x:hidden;">
    <li>
      <a>Item 1</a>
    </li>
    <li>
      <a>Item 2</a>
    </li>
    <li>
      <a>Item 3</a>
    </li>
    <li>
      <a>Item 4</a>
    </li>
    <li>
      <a>Item 5</a>
    </li>
    <li>
      <a>Item 6</a>
    </li>
    <li>
      <a>Item 7</a>
    </li>
    <li>
      <a>Item 8</a>
    </li>
    <li>
      <a>Item 9</a>
    </li>
  </ul>
</div>

http://plnkr.co/edit/vwCIau4STpJjWkVJxcar

Answer 1

此错误已在 Chrome 中确认并分配。从而结束这个问题。 https://bugs.chromium.org/p/chromium/issues/detail?id=828751

滚动挂起 bootstrap 下拉菜单

scroll hangs with bootstrap dropdown-menu

css

overflow

twitter-bootstrap-3