收藏
回答

小程序滑动某个位置有菜单吸顶操作 求大神给建议

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 1.02 当前

我用的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  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 海纶
    海纶
    2018-10-10

    我也是遇到同样问题

    2018-10-10
    赞同
    回复 3
    • T
      T
      2018-10-10

      好想请大神来回复下

      2018-10-10
      回复
    • 黄涛
      黄涛
      2018-10-11

      同样问题。。。

      2018-10-11
      回复
    • 浊
      08-22
      加一加一,大佬们解决了吗?能指点下我这个萌新吗
      08-22
      回复