mui监听.mui-scroll-wrapper的时候this.scrollTop一直都是0
时间: 2023-08-19 17:24:38 浏览: 211
Document.body.scrollTop的值总为零的快速解决办法
5星 · 资源好评率100%
在使用`mui-scroll-wrapper`时,如果要监听其滚动事件获取滚动的位置,可以使用`scroll`事件,并且在事件回调中获取`scrollTop`的值。
例如,下面的代码可以监听`mui-scroll-wrapper`的滚动事件,并输出滚动位置:
```javascript
mui('.mui-scroll-wrapper').on('scroll', function (event) {
console.log(this.scrollTop);
});
```
在这个代码中,`this.scrollTop`可以获取到`mui-scroll-wrapper`滚动的位置。如果你的代码中一直获取到的是0,可能是因为你监听事件的时机不对,或者是对应的元素没有正确渲染。你可以在`mounted`钩子函数中监听事件,确保元素已经被正确渲染。
另外,如果你使用的是`mui-scroll`组件,可以通过`getScrollPosition()`方法获取滚动位置。例如:
```javascript
var scrollWrapper = mui('.mui-scroll-wrapper').scroll();
console.log(scrollWrapper.getScrollPosition().y);
```
这个方法可以在任何时候调用,不需要等待任何事件。
阅读全文