问题描述

安卓环境下页面卡顿 苹果和模拟器没有卡顿问题

实现效果

当导航滚出可视区时 修改导航定位方式为fixed

实现方法

在页面的onPageScroll声明周期 里 获取 导航的顶部距离

onPageScroll(e) {

let _self = this;

var query = uni.createSelectorQuery().in(_self);

query.selectAll('.nav-bar-list-wrap').boundingClientRect(data => {

if (-(data[0].top - _self.searchWrapHeight) > 20) {

_self.show_nav_bar_list_Fixed = true;

} else {

_self.show_nav_bar_list_Fixed = false;

}

}).exec();

},