相关疑难解决方法(0)

如何在Ionic 2 <ion-content>中禁用或隐藏滚动条

我有一个Angular 2应用程序包裹在Ionic 2.我正在使用<ion-tabs>,并在每个选项卡中是一个<ion-content>.此区域中的内容需要可滚动,但Ionic 2添加了一个我不想显示的滚动条.似乎在编译时,<ion-content>有一个<scroll-content>注入其中.我不想要这种行为.

我曾尝试过许多以前在Ionic 1中工作的解决方案,但它们在Ionic 2中不起作用:

  • 设置scroll="false"在<ion-content>
  • 设置scrollbar-y="false"在<ion-content>
  • 设置overflow-scroll="false"在<ion-content>
  • 在css中设置以下内容:

    .scroll-bar-indicator { display: none; }

等等...

设置以下内容实际上可以删除滚动条,但我宁愿不劫持浏览器行为,也会从<ion-content>标签内部的内容中删除滚动条,这是我不想要的.

::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionic2 angular

28
推荐指数
3
解决办法
4万
查看次数

标签 统计

angular ×1

ionic-framework ×1

ionic2 ×1