9***@qq.com
9***@qq.com
  • 发布:2019-04-03 17:56
  • 更新:2022-09-02 14:44
  • 阅读:11329

uni-app scroll view 要如何让里面的元素实现垂直居中

分类:uni-app

我看了一下最终生成的html,因为嵌套好几层标签,我没办法修改内部高度让内部元素实现垂直居中,有让scroll view内元素垂直居中的实现方式吗?

2019-04-03 17:56 负责人:无 分享
已邀请:
leeooo

leeooo - oldlee

刚才自己也遇到类似问题,然后找答案看到你的问题,但我自己找到了解决办法,希望还能对你有帮助:
在scroll-view外面套一个view,使用flex,然后item-align:center,也就是使scroll-view垂直居中,然后scroll-view的高度就auto,里面的高度统一或者不设置,就OK了
,亲测可行

MixR

MixR - 团队承接uniapp开发,qq472045067

内层套个高度100%的view就行了

  • 9***@qq.com (作者)

    你好,我内层套了100%高度的view也不行呢,因为有一个div的存在,只能自己去覆写样式吗?

    2019-04-04 10:05

  • 9***@qq.com (作者)

    非常感谢您的回答

    2019-04-04 10:05

  • MixR

    回复 9***@qq.com:不知道你要实现什么样的效果,滚动区域高度500,内层包裹也设置为500,如果滚动区域不固定高度,内层padding撑起即可。https://ext.dcloud.net.cn/plugin?id=200,可以参考我在插件市场发布的模版,首页用了很多

    2019-04-04 10:21

9***@qq.com

9***@qq.com (作者) - 会编曲的IT

如下图那个div要如何铺满呢,我在内层嵌套了100%高度也不行咧

要回复问题请先登录注册