- 小程序滑动某个位置有菜单吸顶操作 求大神给建议
我用的mpvue框架写的项目 目的是菜单滑动到顶部 让菜单吸顶 反之下拉超过菜单正常显示,功能实现了但是滑动效果不好 会有延显示迟现象,效果不好,看了网上介绍这种问题很多 但没有明确给出解决方法的 我的代码实现是这样的: //根据滑动距离和菜单的距离做判断 来实现组件的样式判断 onPageScroll: function(e) { let that = this; if (e.scrollTop >= this.fixTop && e.scrollTop > that.scrollTop) { this.fixToTop = true; } else { this.fixToTop = false; } that.scrollTop = e.scrollTop; console.log("onpage:", e.scrollTop, this.fixTop, this.fixToTop); }, //拿到组件菜单id mounted() { let that = this; wx .createSelectorQuery() .select("#mjltest") .fields( { dataset: true, size: true, scrollOffset: true, rect: true, properties: ["scrollX", "scrollY"] }, function(res) { that.fixTop = res && res.top + 30; } ) .exec(); }, //html部分 <div id="mjltest" :class="['productClassify',{'fixToTopStyle':fixToTop}]"> </div>
2018-09-19 - 关于页面内使用let定义全局变量页面退出(onUnload)不释放问题
今天偶然发现了一个问题,就是在页面内使用 let 定义了一个全局变量,如 let index = 0; 我每次在onLoad 里面进行 index ++ 操作并使用 console.log(index) 打印,发现页面退出(是onUnload哦)后,再次进来,index 保留的仍然是上一次累加的结果,即再次初始化页面时 console.log(index) 打印的可能是 1 ,2,3 等等,如果是这种逻辑的话,那是不是我只要在页面内定义的全局变量都不释放呢?这样的话,内存怎么办?还是小程序在这一块是有什么优化逻辑呢? 代码如下图: [图片] 打印结果如下图: [图片]
2018-08-23