Ionic需要document.scrollTop值

Question

我需要在Ionic 2页面上获得scrollTop位置，但它不起作用。

相同的代码在普通的html页面中运行，但在IONIC中始终返回0 。

请参阅下面的代码，该代码正在运行：

 $("body").click(function(){ var scrollPost = $(document).scrollTop(); alert(scrollPost); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/> test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/> <div class="test">Thats a test</div> 

我已经在我的Ionic项目中安装了jQuery，并且可以正常工作，但是特别是$(document).scrollTop(); 函数不起作用，每次给我0 。

我在上下文菜单中的应用程序中做了很多工作，如果现在必须将其更改为其他内容，这对我来说将是巨大的痛苦。 如何获得scrollTop值？

Answer 1

我建议使用没有jQuery的更“ Angular”方式，并且不需要太多更改。

在文档中定义一个Viewchild（要滚动到的元素）。

<div #topScroll></div>

然后在页面控制器中定义：

  export class Page {

  @ViewChild(Content) topScroll: Content;

      private scrollToTop() {
          this.topScroll.scrollToTop(500);
      }
  }

这将滚动到元素的顶部。