WEIXIN UI?

[soulteary]

= =..issue 一血。

[progrape]

:)

[yohnz]

地板

[lawulu]

official ui?

[huobazi]

同问是官方么?

[progrape]

@Inza9hi yes, provided by wechat ui team

[progrape]

@huobazi 是的，WeUI是由微信团队提供的，同微信原生视觉体验一致的UI组件。帮助开发者构建认知感更强、体验更佳的Web服务 :)

[huobazi]

@progrape 👍

[4tj]

[SiZapPaaiGwat]

👍

[HerringtonDarkholme]

[wzshuang]

是否有design guidelines供参考？单纯的ui感觉其实没太大用处

[alianrock]

里面的div布局使用了position:absolute; top:0； left:0; right:0; bottom:0; 实现了全屏，并且超出容器的内容还可以滚动，就算第二屏的内容高度比第一屏高度低，也不会出现第二屏覆盖不了第一屏的情况，略神奇啊，能讲讲这个布局方法么？

[agileago]

已经冲上榜单了👍

[think2011]

同问 @a-lian123 的问题

[progrape]

@a-lian123 @think2011 感谢关注我们的demo页 😄

• 为什么内容高度超出了容器还可以滚动？

因为父容器设置了overflow-y: auto属性，这样内容超出的时候就可以滚动了。为了在iOS下保持流畅的滑动效果，追加了-webkit-overflow-scrolling: touch属性。

• 为什么第二屏内容高度比第一屏低，也不会出现第二屏覆盖不了第一屏的情况？

其实第二屏和第一屏的容器都设置了全屏，并且都设置了背景色，所以只有层级关系的问题。因为第二屏的DOM是在后面的，所以第二屏就在上面，盖住了第一屏，当然，也可以通过z-index属性来改变层级关系。