【问题标题】:Display scroll in modal以模态显示滚动
【发布时间】:2014-12-24 13:42:13
【问题描述】:

我有使用 angular-bootstrap 和 ionicFramework 的应用程序。 问题出在 angular-bootstrap $modal 元素中。我希望它有垂直滚动条,但在 ionic.css 中有样式:

::-webkit-scrollbar {
display: none;
}

因此,模态中没有滚动条。 我尝试了很多方法来解决这个问题,但现在我很困惑。

【问题讨论】:

  • 为什么不将该行从 display:none 更改为其他内容?
  • @alex 有时程序员宁愿不改变框架的基本 css,所以他们在覆盖框架 css 之后编写 css
  • @GraceLee 是的,我通常会做同样的事情,但我的问题仍然有效。
  • @GraceLee 不是我否决了你的回答。
  • 为什么不在你的模式中使用ion-scroll

标签: css ionic-framework angular-bootstrap


【解决方案1】:

将模态 html 组件放在 ion-content 中

【讨论】:

  • 这是正确的答案,接受的选项确实有效,但是是一个 hack
【解决方案2】:

尝试在模态框内使用ion-scroll 组件。示例:

<ion-scroll zooming="true" direction="xy" style="width:500px;height:500px">
  <!-- Put your content here -->
</ion-scroll>

参考:http://ionicframework.com/docs/api/directive/ionScroll/

【讨论】:

    猜你喜欢
    • 2022-08-11
    • 1970-01-01
    • 2016-06-12
    • 1970-01-01
    • 2016-07-08
    • 1970-01-01
    • 2014-01-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多