javascript – Ionic 2 – 如何禁用滚动

首先：我知道有一些关于这方面的话题,但它们似乎都没有帮助我.

我尝试了所有可以在我的某个页面上禁用滚动的方法,但是没有一个能够工作,所以我来这里寻求帮助.

我尝试了什么：

>创建一个隐藏溢出的css类(与attr.noScroll相同)
> setScrollDisabled
>将div设置为离子固定
>离子含量无反弹
> :: – webkit-scrollbar
> overflow-scroll =“false”

这就是我的页面看起来像……

It has this white bar on the bottom of the screen when I scroll down

我只添加了一个背景图片,其宽度我设置为100％,高度：auto(高度：100％产生相同的白色条)

作为参考,这是我的代码,如果它有帮助

<ion-content>
  <img class="bgc" src="assets/background.png">
</ion-content>

解决方法:

要修复它,你应该了解是什么导致它,所以你可能想要read this.

在某些特殊情况下,您可以通过禁用滚动来隐藏该空白区域,但这不是您应该如何处理此问题.
相反,您应该删除空白区域.你可以通过申请来做到这一点

display: block;

… 要么 …

float: left;
width: 100%;
height: auto;

到你的< img>元件.

作为替代方案,您可以将标记更改为：

<ion-content>
  <img class="bgc" src="assets/background.png"
/></ion-content>

标签：html,javascript,css,ionic-framework,ionic2
来源： https://codeday.me/bug/20190828/1753450.html