Высота прокрутки Vuejs возвращает 0

Question

Я использую vuejs2 с codeigniter.

Я добавил следующее в html

<div class="container">
    ...content here
</div>   

В отдельном файле scripts.js у меня есть

script.js

new Vue({
 el: '.container',
 methods:{
    handleScroll:function(event){
      console.log("scrolled to", document.body.scrollTop);
      },
  },
created() {
 window.addEventListener("scroll", this.handleScroll,true);
},
});

Amпытаюсь получить позицию по оси y, на которую прокручивается пользователь, но продолжаю получать 0. Что я пропускаю.Я включил Этот Codepen

Answer 1

Я думаю, вы неправильно поняли использование scrollTop.

, чтобы получить текущую позицию прокрутки, используйте window.scrollY вместо

  console.log("scrolled to", window.scrollY);

Answer 2

Вы должны использовать подключенный () хук вместо созданного ().

Созданный () выполняется, когда создается ваш компонент Vue, но это не означает, что там есть элемент DOM.Так монтируется (), когда ваш компонент Vue был создан и уже подключен к DOM.