如何在framework7 vue中获取window scrollTop?

时间:2019-04-12 02:49:30

标签: javascript vue.js vue-component html-framework-7

我目前正在使用https://framework7.io/vue,但是我遇到了这个问题,即一旦用户通过滚动到特定元素,我就需要使按钮浮动。

由于某种原因,我总是总是只能得到0。下面是我的代码: 在我的组件中,我在下面设置了属性

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

我使用了无限滚动,因为它无法触发滚动事件。我不知道为什么即使本地滚动也不起作用。

这是我的方法脚本:

  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.
  },
},

0 个答案:

没有答案