公告列表
公告列表
收藏
回答

scroll-view 组件 flex align-content 无作用？

scroll-view 组件 flex align-content 无作用，是什么问题哈

回答关注问题邀请回答
收藏

3 个回答

  • Demons
    Demons
    2022-07-15

    请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

    2022-07-15
    有用
    回复 10
    • 茕茕孑立
      茕茕孑立
      2022-07-15
      按理说添加了align-content: flex-start;后，不应该垂直方向上靠顶部对齐吗？
      2022-07-15
      赞
      回复
    • ⅴ
      ⅴ
      2022-07-15回复茕茕孑立
      外层的class .content 设置了 display:flex;  吗？
      2022-07-15
      赞
      回复
    • 茕茕孑立
      茕茕孑立
      2022-07-15回复ⅴ
      .content这个没有
      2022-07-15
      赞
      回复
    • ⅴ
      ⅴ
      2022-07-15回复茕茕孑立
      这里需要加 display：flex属性
      2022-07-15
      赞
      回复
    • 茕茕孑立
      茕茕孑立
      2022-07-15回复ⅴ
      是这样嘛，好像也不太行
      2022-07-15
      赞
      回复
    查看更多(5)
  • 桂B
    桂B
    2022-10-31

    如果一定要用scroll-view，那么就加一层view，在view里配置flex align-content

    2022-10-31
    有用
    回复
  • ⅴ
    ⅴ
    2022-07-15

    不是很清楚想要什么效果，是中间没有空隙这样的吗？

    如果是这样的话，是因为设置的box的高度。不设高度让内容自动撑开view就可以。

    代码片段：https://developers.weixin.qq.com/s/9sALmLmW7rA7

    2022-07-15
    有用
    回复 6
    • 茕茕孑立
      茕茕孑立
      2022-07-15
      不加高度怎么实现滚动呢
      2022-07-15
      赞
      回复
    • ⅴ
      ⅴ
      2022-07-15回复茕茕孑立
      1.超过屏幕高度后，会滚动。
      2.如果想要scroll-view区域只占部分屏幕，可以用max-height
      2022-07-15
      赞
      回复
    • ⅴ
      ⅴ
      2022-07-15回复茕茕孑立
      如果想要在item较少的时候，实现占位效果，可以再scroll-view外面再包一层固定height的view。
      2022-07-15
      赞
      回复
    • ⅴ
      ⅴ
      2022-07-15回复茕茕孑立
      代码片段：https://developers.weixin.qq.com/s/0uGDTLmt7UAg
      2022-07-15
      赞
      回复
    • 茕茕孑立
      茕茕孑立
      2022-07-15回复ⅴ
      这个方案是可以解决，但是scroll-view的问题也还是没找到哈
      2022-07-15
      赞
      回复
    查看更多(1)
请 登录 后发表内容
相关问题
相关文档