nvue下list组件的pagingEnabled分页模式,如何设置默认展示页码,比如说我现在打开页面就默认展示第三页的内容;现在使用scrollTop计算高度的方式可以设置,但是往上滑动会让滚动条瞬间回到顶部
突然好想你
- 发布:2020-09-01 17:54
- 更新:2022-05-06 10:50
- 阅读:1897
突然好想你 (作者)
暂时用计算高度的方式实现了;
计算打开的是第几页,然后计算每页的高度单页的高度(也就是屏幕的高度)然后设置scrollTop;
这样会显示正常的位置,但是向下滑动会瞬间置顶,这时需要使用list设置滚动条的函数;
setTimeout(() => {
// 设置list滚动条的位置,防止下拉翻页时会直接回到顶部
this.scrollTop = 单页的高度(也就是屏幕的高度) 要展示第几页;
setTimeout(() => {
const el = this.$refs[“要展示页的ref(一般是动态的)”][0];
// offset必须有值,否则就会瞬间回到顶部
dom.scrollToElement(el, {
offset: 1
});
setTimeout(() => {
uni.hideLoading();
this.isFirstLoading = false;
}, 500);
}, 500);
}, 100);过程中会有闪动,用蒙层遮罩一下,延时再加载出来基本就没问题了
2020-09-21 14:16