仿饿了么的页面是怎么做的？

大灰兔 · 发表于 2019-4-15 16:02:07

下图是饿了么界面。上滑后点餐/评价/商家导航栏或页签组件是贴着标题栏的。
饿了么.GIF

我模仿做了下出现以下问题：
1,这个滑块视图滑至指定元素如标题栏是怎么设置，这个id是什么？

要实现下图的效果。

2，主要内容就是个主从数据，左边是分类，右边是商品内容。当我滑动右边商品内容时左边分类跟着滑动，滑动左边分类时右边也跟着滑动，就是连轴转。怎么把他们彼此固定住，不跟着动。

大灰兔 · 发表于 2019-4-17 12:06:07

我这个帖子怎么了？泥牛入海了！不处理、不归类、不回复？

大灰兔 · 发表于 2019-4-18 13:17:14

有人处理吗？咋啦这是，看不见吗？

zhaixin · 发表于 2019-4-19 14:36:05

关于停靠的问题，我们没有实现过，需要探索一下
关于分类列表和菜品列表联动的问题，请参考下面的文档

点餐分类和菜品联动.docx (2.65 MB, 下载次数: 67)

zhaixin · 发表于 2019-4-19 17:44:15

关于停靠的问题可以这样实现：在页面上放滚动视图组件，在滚动事件中，通过event.originalEvent.detail.scrollTop;获取滚动视图的scrollTop，通过scrollTop控制“点餐、评价、商家”视图的动态样式
动态样式设置为：当scrollTop大于视图的top时，视图使用固定定位样式

		自动登录	找回密码
密码			注册

[用户待确认] 仿饿了么的页面是怎么做的？