我目前正在使用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.
},
},