小程序底部固定菜单栏

小程序底部固定菜单栏,第1张

底部固定导航栏是小程序非常普遍的一个功能,局竖微信也很贴心,直接给我们封装好了,我们直接调用就好了

现在我们开始实现,我们按照小程序的开发文档上面来就好了:

按照规则配置好app.json文件,功能就能顺利实现。

值得注意的就是,这个配置一定要放置到页面注册后面,不然会报错,因为导航栏是在加载好大罩的滚腊闹页面中去自动生成的。

在每次接收内容的时候设置庆坦scroll-view的scroll-top属性值即可。

如:

wxml中:绑定scroll-top的值为top

<scroll-view scroll-y='true'唯局 scroll-top="{{top}}"><scroll-view>

js中:事件指差让触发后设置其值即可

Page({

data:{

top: 0

},

yourEvent: function(){

var len = yourData.length

this.setData({

top: 1000 * len

})

}

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12551127.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存