css - Bootstrap 3 下拉菜单不允许在 Windows Phone 8 上滚动

Question

我有一个使用默认 bootstrap 3 标记的下拉菜单:

<div class="btn-group">
 <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
     Menu
  <span class="caret"></span>
 </a>
 <ul class="dropdown-menu">
  <li><a href="#">Choice1</a></li>
  <li><a href="#">Choice2</a></li>
  <li><a href="#">Choice3</a></li>
  <li><a href="#">Choice1</a></li>
  <li><a href="#">Choice2</a></li>
  <li><a href="#">Choice3</a></li>
  <li><a href="#">Choice1</a></li>
  <li><a href="#">Choice2</a></li>
  <li><a href="#">Choice3</a></li>
  <li><a href="#">Choice1</a></li>
  <li><a href="#">Choice2</a></li>
  <li><a href="#">Choice3</a></li>
  <li><a href="#">Choice1</a></li>
  <li><a href="#">Choice2</a></li>
  <li><a href="#">Choice3</a></li>
  <li class="divider"></li>
  <li><a href="#">Choice..</a></li>
 </ul>
</div>

因为我想限制下拉菜单的大小，所以它不会一直扩展到页面下方，所以我添加了这个 CSS 规则:

.dropdown-menu{
   max-height: 220px; 
   overflow-y: scroll;
}

这在所有浏览器中都可以正常工作，但是当我尝试在 WP8 上打开下拉菜单时，下拉菜单不可滚动，我无法获得任何被切断的值。使用 WP8 设置在 IE 中模拟此功能有效，但在实际设备上却无效。谁能告诉我如何解决这个问题？

现场版在这里:Bootply live demo

谢谢。

Answer 1

尝试设置 -ms-overflow-style 属性。 Reference .

.dropdown-menu { 
    -ms-overflow-style: scrollbar;
}