我有一个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)