javascript - Ionic 2-如何禁用滚动

首先:我知道已经有一些有关此的主题，但是似乎没有一个对我有帮助。

我尝试了所有可以在其中一个页面上禁用滚动的方法，但是这些方法都不起作用，因此我在这里寻求帮助。

我试过的

创建一个CSS类以 overflow hidden (与attr.noScroll相同)

setScrollDisabled

将div设置为 ionic 固定的

ion-content 不反弹

::-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>