大佬教程收集整理的这篇文章主要介绍了离子框架 – 如何禁用或隐藏Ionic 2中的滚动条，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我尝试了许多在Ionic 1中使用的解决方案,但是它们在Ionic 2中不起作用：
>在< ion-content>上设置scroll =“false”
>在< ion-content>上设置scrollbar-y =“false”
>在< ion-content>上设置overflow-scroll =“false”
>在css中设置以下内容：
等等…
设置以下实际上可以删除滚动条,但是我宁可不劫持浏览器的行为,并且还从< ion-content>内部的内容中删除滚动条.标签,我不想要.
::-webkit-scrollbar,*::-webkit-scrollbar { display: none; }
import { App } from 'ionic-angular'; constructor(private app: App) { app.setScrollDisabled(true); };
看到论坛讨论here.但似乎已经停止工作后2.0.0-rc.1我相信这与this在他们的CHANGELOG相关,当他们改变了很多属性到类(即滚动内容到.scroll内容)和app.setScrollDisabled(true);没有更新以反映其中的一些变化.
如果你使用2.0.0-rc.2或2.0.0-rc.3我不相信< ion-content overflow-scroll =“false”>或<离子含量离子固定>将会从现在开始创建自己的课程. 所以如果你在2.0.0-rc.2或2.0.0-rc.3你应该可以这样做添加到你的.scss
.no-scroll .scroll-content{ overflow: hidden; }
<ion-content class="no-scroll"> .. </ion-content>
所以现在只需要注意,这是在2.0.0-rc.3之后的版本上修复的.
updatE(2.0.0-rc.6)：看起来他们将App模块setDisableScroll函数设为private(如here所示)
> 2.0.0-rc.1(有setScrollDisabled)
> 2.0.0-rc.2(有setScrollDisabled)
> 2.0.0-rc.3(有setScrollDisabled)
> 2.0.0-rc.4(没有setScrollDisabled,没有选择)
> 2.0.0-rc.5(仍然没有setScrollDisabled或替代)
> 2.0.0-rc.6(没有setScrollDisabled,没有别的选择,但他们做了更多的视图tirgger函数,如viewWillUnload)
所以除非他们带回来继续使用以下内容：
.no-scroll .scroll-content{ overflow: hidden; }
以上是大佬教程为你收集整理的离子框架 – 如何禁用或隐藏Ionic 2中的滚动条全部内容，希望文章能够帮你解决离子框架 – 如何禁用或隐藏Ionic 2中的滚动条所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。