document.scrolltop在爱奥尼亚中为0

首先,您不应该将jquery与angular一起使用,它们做的是相同的事情,因此两者都没有用处,jquery所做的一切angular都可以。所以不建议这样做。所以除非它是非常需要的,否则不要使用。

你不能观察到你的 scrollTop 属性,因为它不移动 body ,但它正在将内容标记移到其中。有一个 content component 您可以使用其来获取此属性。这样做:

你的页面

import { Component, ViewChild } from '@angular/core';
import { Content } from 'ionic-angular';

@Component({...})
export class MyPage{
  @ViewChild(Content) content: Content;
  public scrollPost: number = 0;

  getScrollTop() {
    this.scrollPost = this.content.scrollTop;
  }
}

您的HTML:

<ion-content (ionScroll)="getScrollTop()">
  <!-- your page content -->
</ion-content>

有了这个,你将永远改变 scrollPost 当值滚动时,但是如果您需要在任何地方单击使用该值,不要只在 ion-content 或者点击它里面的任何元素都不起作用,而是使用一个按钮或者在里面做你需要做的事情。 getScrollTop 方法。

希望这有帮助。

使用爱奥尼亚时,不会滚动整个文档。 你应该用class检查元素的滚动位置 scroll-content .

console.log(document.querySelector('.scroll-content').scrollTop);

有些情况下,当你有多个 滚动内容 ,因此您可以像这样迭代它们:

const scrollContents = document.querySelectorAll('.scroll-content');
for (let i = 0; i < scrollContents.length; ++i) {
    console.log(scrollContents.length[i].scrollTop);
    // do something
}