Ionic 2 <ion-content>禁用滚动

Question

我已经尝试了几种方法来禁用滚动,包括使用CSS position: fixed,属性overflow-scroll="false"等,但所有方法都失败了.

当我向下滑动时,按钮会向上移动,当我向上滑动时,按钮会向下移动,就像弹跳效果一样.

我可以知道这个问题的任何解决方案吗？非常非常感谢你.

Answer 1

用离子3测试(应该对离子2起作用):

<ion-content no-bounce></ion-content>

Answer 2

我用css解决了同样的问题.(Ionıc3.6)

第1步:ion-content添加一个新类:

<ion-content class="no-scroll">

第2步:在你的CSS中添加以下代码:

.no-scroll .scroll-content{
    overflow: hidden;
}

Answer 3

离子含量有一个叫做" 滚动内容 "的类.

考虑到这一点,转到你的app.css,在src/app里面添加:

app.css:

.scroll-content{overflow-y: hidden;}

这应该留下你的离子内容没有滚动,但我宁愿用户:

app.css:

.scroll-content{overflow-y: auto;}

因为只有在页面内容溢出离子内容时才允许滚动内容.

Answer 4

这在 ionic 5 中有效：

ion-content {
   --overflow: hidden;
}

<ion-content scroll-y="false">

Answer 5

要禁用 ion-content 中的滚动，可以使用 setScrollDisabled() 方法。您应该按照以下步骤操作。

在你好.ts中

 import { app } from 'ionic-angular';

   public class HelloPage
   {
       constructor(private app: App) {};

        ngAfterViewInit(){
        this.app.setScrollDisabled(true);
      }
    }