Как получить окно scrollTop в framework7 vue? - PullRequest
Новая
       37

Как получить окно scrollTop в framework7 vue?

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

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

По какой-то причине я всегда получаю 0 всегда. Ниже мой код: В моем компоненте я устанавливаю атрибуты ниже 

<f7-page
class="adventure-details-dashboard"
infinite
:infinite-top="true"
:infinite-distance="0"
:infinite-preloader="false"
@infinite="showMoreDetails"
>

Я использовал infinitescroll , потому что не могу вызвать событие прокрутки. Я не знаю, почему не работает даже нативный свиток.

Итак, вот мой сценарий по моему методу: 

  methods: {
offset(el) {
  var rect = el.getBoundingClientRect(),
  scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
  scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
},

  // example use

showMoreDetails () {
   var winScroll = document.body.scrollTop || document.documentElement.scrollTop
  var div = document.querySelector('.page-content');
  var divOffset = this.offset(div);
  console.log(winScroll);
  const self = this
  self.show_more_details = true
  var elmnt = document.getElementById("myDIV");
  var menu = document.querySelector('.page-content') // Using a class instead, see note below.
  },
},
...