weex踩坑记录（5）

1、如果你想让你scroller容器内的元素平均分配空间, 那么

  • 在scroller外层包裹一个div, 给这个div一个最小宽度min-width
  • 在scroller容器下的每个子元素上加上flex-grow: 1, 注意不要使用flex:1; 哦，
    因为该属性是 flex: <flex-grow> | <flex-shrink> | <'flex-basis> 的简写，但是weex中Flex 成员项暂不支持 flex-shrink 和 flex-basis 属性。

2、导航吸顶

  • 可以监听scroller的scroll事件获取滚动的距离，然后跟元素的初始top（这个通过dom模块的getComponentRect放来获取）做比较，再加上固定样式即可。

  • 外层滚动使用list组件代替，然后将要固定的元素使用<header>来包裹即可。


    image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容