Кто я могу сделать правильно настроить событие прокрутки? - PullRequest
Новая
       9

Кто я могу сделать правильно настроить событие прокрутки?

0 голосов
/ 17 марта 2020

У меня проблема, и я не нашел хорошего пути. Если вы go "https://www.wokine.com/", вы можете увидеть прокрутку событий.

Моя настройка Vuejs, поэтому после многих исследований я думаю, что у меня есть один способ. Событие windows. Прокрутите и слушайте его. Работает ли нормально и с window.scrollTop я получил текущий номер. 

export default {
  data(){
    return {
      light: true,
      scroll: null,
      animate: {
        green : false
      }

    }
  },
  methods: {
    handleScroll: function (event) {
      console.log(this.animate.green);

      this.scroll = window.scrollY;
      if( this.scroll > 50 && this.scroll < 1500){
        this.animate.green = true;
      }
    }
  },
  created: function () {
        window.addEventListener('scroll', this.handleScroll);
  },
  destroyed: function () {
      window.removeEventListener('scroll', this.handleScroll);
  }
}

И для моего div: 

:class="(animate.green ? 'green-full' : '')"

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

Что мне нужно сделать?

Большое спасибо!

...