使用引导下拉菜单滚动挂起

我做了一个下拉菜单。正如您所看到的,由于溢出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