微信小程序做出外卖菜单点单功能

这次给大家带来微信小程序做出外卖菜单点单功能，的注意事项有哪些，下面就是实战案例，一起来看一下。

1.功能仅是菜单功能一部分，仅供参考

2.需求描述：右侧菜品部分在滚动的时候，左侧菜品选中分类与右侧第一行菜品所在分类对应。

我的实现方式：（每个菜品高度*该分类菜品数量）+菜品分类高度 = x， 每次滚动的时候判断当前scrollTop是否在x范围内？左侧选中该分类：左侧不做改变；
问题：我设置菜品高度的单位是rpx，而scrollTop的单位是px，这也就是说，上面我计算的x是个变量， 所以当改变测试机型，这个功能就失效了。。。请教各位有什么好的方法没？

onLoad(e) {
 let goodsList = this.data.goodsList;
 // 初始化每项菜品距离顶部的距离
 for (let i = 0; i  p >
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Angularjs自定义指令在项目中如何使用
怎样使用nodeJS模块

以上就是微信小程序做出外卖菜单点单功能的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！