Question

我在基于Angular材料项目（https://material.angularjs.org/latest/#/demo/material.components.bottomSheet）的应用程序中使用底部工作表。我在底部工作表中有一个表单，带有滑块，输入元素和选择下拉列表。在桌面上一切正常，但在平板电脑或手机上，我似乎无法滚动下拉列表中的所有选项。当我在平板电脑/手机上模拟滚动时，底部工作表移动而不是下拉列表。我试图寻找这个问题的解决方案，但没有在网上找到太多帮助。有没有办法在底部工作表上禁用滑动事件或另一种方法来解决我面临的问题？

Answer 1

通过使用hide-gt-md和hide-sm材料css类，使用本机选择下拉列表，我能够通过平板电脑和手机视图的底部页面中的md-select解决滚动问题。

<md-bottom-sheet>
  <md-select hide-sm hide-md options...>
  </md-select>

  <select hide-gt-md options...>
  </select>
</md-bottom-sheet>

使用角材料底部的选择下拉列表

1 个答案: