学习布局

260769741

想学习像（美团外卖APP）的那种菜单页面。
他的组成部分，标题+内容+底部，他的内容版面上下滑动整个页面都会随着滑动。单击类型后，右边的菜单页面会滑动到指定的类型菜单給用户显示。用户视觉体验非常好。

我也学习了系统自带的 淘宝APP 菜单页面。感觉用户体验不是很好。

小弟一直还在自学中，一个人静静的。

我想学习美团外卖他的中间内容页面滑动整个页面都会滑动，手往上滑动标题会跟着滑动。
内容页面点击左边类型，右边菜单会滑动到点击类型的菜单。视觉很爽。
还有内容页面右边的 菜单页，无论怎样滑动，顶上都会显示类型名称，二不会隐藏。

那位学长有这方面的知识可以提供給小弟学习一下，万分感谢！

半导体

1.中间内容页面滑动整个页面都会滑动，手往上滑动标题会跟着滑动
关于这个问题你把titlebar写content里面不就可以了吗

2.关于有侧和左侧的这个可以根据仿淘宝案例的/UI2/demo/taobao/micro.w  自行添加js来实现

260769741

半导体 发表于 2016-12-5 13:27
1.中间内容页面滑动整个页面都会滑动，手往上滑动标题会跟着滑动
关于这个问题你把titlebar写content里面 ...

谢谢你指教。
关于这个滑动，可能是我表述得不清楚。具体我也不知该任何表述。你说的方法我试过了，其他的也试过很多。无法实现。他内容里的list有个小标题。无论你如何下滑标题都是显示的。只有titlebar会滑到上面看不见的区域。

右侧和左侧的JS，不知道怎么写，目前我是用list过滤的方式。

260769741

半导体 发表于 2016-12-5 13:27
1.中间内容页面滑动整个页面都会滑动，手往上滑动标题会跟着滑动
关于这个问题你把titlebar写content里面 ...

我特意做了个图片。
他的滑动只限于，左侧和右侧。。
无论是滑动左侧还是右侧，如果是手往上滑，（1.标题）会往上滑动，直到隐藏看不见。而（2.list标题）只滑动到顶部（2.list标题）停止滑动了，但是3和4还是可以滑动的。，也就是（2list标题）是保证显示在最顶端的，
这时如果用户下滑3.4.  （1.标题）也会跟着下滑。就是这样的一个意思。

点左侧选择类型，右侧的不是过滤，而是渐渐滑动到选择类型的项目栏，并没有隐藏和过滤。
而且右侧list 也有一个小标题用于显示当前菜单区域标题。无论怎样滑动，这个区域标题也是一直显示在顶端的。如果上滑到了其他类型区域，这个标题就会跟着往下滑动，同时顶端又会显示上一区域类型的标题在顶端。

话说好复杂。！！！

半导体

260769741 发表于 2016-12-5 18:52
我特意做了个图片。
他的滑动只限于，左侧和右侧。。
无论是滑动左侧还是右侧，如果是手往上滑，（1.标题 ...

1.关于（1.标题）会往上滑动的这个昨天就已经可以了对吧！！！
2.（2.list标题）只滑动到顶部（2.list标题）停止滑动了的这个可以采用scrollView的滑动事件获取滑动位置给一个class  然后在这个class里面写position:fixed;
3.至于左右侧的这个 你可以写点击左侧的按钮给有车的position:absolute;也是可以的呀。

260769741

半导体 发表于 2016-12-6 09:40
1.关于（1.标题）会往上滑动的这个昨天就已经可以了对吧！！！
2.（2.list标题）只滑动到顶部（2.list标 ...

谢谢 虽然还是实现不了， 我再慢慢学习。