значение document.scrollTop, необходимое в Ionic - PullRequest
Новая
       7

значение document.scrollTop, необходимое в Ionic

0 голосов
/ 15 сентября 2018

Мне нужно получить позицию scrollTop на моей странице Ionic 2, но она просто не работает.

Тот же код работает на обычной html-странице, но всегда возвращает 0 в IONIC.

См. Код ниже, который работает: 

$("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>

Я установил jQuery в свой Ionic-проект, и он работает, но особенно эта функция $(document).scrollTop(); не работает, каждый раз, когда она дает мне 0.

Я проделал большую работу в своем приложении по контекстному меню, и если сейчас мне придется изменить его на что-то другое, это будет огромной болью для меня.Как я могу получить значение scrollTop?

1 Ответ

0 голосов
/ 15 сентября 2018

Я бы предложил использовать более «угловой» способ без jQuery, и он не требует особых изменений.

Определите Viewchild в своем документе (элемент, к которому вы хотите прокрутить). 

<div #topScroll></div>

и затем в вашем контроллере страницы определите: 

  export class Page {

  @ViewChild(Content) topScroll: Content;

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

Это прокрутит к вершине элемента.

...