WEIXIN UI? about weui

[progrape]

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

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

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

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

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

[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 的问题

[think2011]

@progrape (⊙o⊙)哦

[alianrock]

@progrape 感谢回复。忘记是在微信的内置浏览器环境下了。。 是因为微信支持overflow-y所以可以直接使用这个属性实现滚动对吧，我记得一些机型下的浏览器overflow-y会有问题，所以平时都尽量避免，微信支持那就没问题了

[yhhwpp]

这个与腾讯的frozenUI不是一样的吗

[wangscu]

留名。

[progrape]

@yhhwpp 当然不一样。frozenUI是应用在手Q里面的，而WeUI是应用在微信里面的，两者的UI风格、用户习惯不相同

[gumutianqi]

目前的版本跟frozenUI还差很远，希望可以追上frozenUI，做出更适合微信的WebUI框架

[gumutianqi]

能结合微信公众平台的JSSDK封装插件就更好了

[progrape]

WeUI和FrozenUI并非竞争关系，两者的应用场景不同，也就不存在追赶的问题了。我们现在在努力开发和完善WeUI组件库，来提升微信内的Web应用的体验～

至于你说的结合JSSDK封装成插件，不知具体设想是什么？微信公众平台有提供封装的jssdk，详情可见http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html开发者引入之后即可调用jssdk功能～