Событие прокрутки не работает в framework7 - Vue - PullRequest
Новая
       16

Событие прокрутки не работает в framework7 - Vue

0 голосов
/ 10 апреля 2019

В настоящее время я использую framework7 , и у меня возникла проблема, заключающаяся в том, что мне нужно получить плавающую кнопку после прохождения пользователем прокрутки определенного элемента.


Но по какой-то причине я не могу заставить работать событие прокрутки. Даже использовал собственный слушатель событий, но все равно не повезло.

Вот мой код. В моем компоненте: 

 export default {
    methods: {
    handleScroll(event) {
      alert('should work')
    }
  },
  created() {
    window.addEventListener('scroll', this.handleScroll);
  },
  destroyed() {
    window.removeEventListener('scroll', this.handleScroll);
  },
  mounted() {
    window.addEventListener('scroll', this.handleScroll)
    this.handleScroll;
    var element = document.querySelector(".similar-adventures");
    var top = element.offsetTop;
    window.scrollTo(0, top);
  }
}

А вот мой собственный код прослушивателя событий: 

  window.addEventListener(‘scroll’, function(e){

     // Get the new Value
     newValue = window.pageYOffset;

     //Subtract the two and conclude
     if(oldValue - newValue < 0){
         console.log(“Up”);
     } else if(oldValue - newValue > 0){
         console.log(“Down”);
     }

     // Update the old value
     oldValue = newValue;
  });
...