我使用better-scroll的时候,出现了 父容器和子容器,高度一样的情况。请问老师怎么解决

来源:17-8 better-scroll运用(3)

黑眼圈_0002

2018-05-02

我使用better-scroll的时候,出现了 父容器和子容器,高度一样的情况。dom结构是对的,样式如下,必须设置 滚动层.shoporder-wrapper的高度才能滚动,否则父容器和子容器的高度,就相等,且大于屏幕高度

.shop-order // 第一层div
 position: fixed
 top: 36px
 left: 0
 width: 100%
 background: rgb(252,252,252)
 overflow: hidden
 z-index: 29
 bottom: 0

    .shoporder-wrapper //滚动层 div
     padding-top: 5px
     z-index: 29
    height: 360px
    .order-list-item //滚动层包着的ul
      .order-list-title
       display: flex
       padding-left: 14px
       height: 26px
       line-height: 26px
       font-size: 14px
       color: #93999f
       background: #fff

写回答

2回答

ustbhuangyi

2018-05-02

肯定要限制父元素为固定高度,子元素随内容撑开并且高度超过父元素才满足滚动条件。

0
3
黑眼圈_0002
回复
ustbhuangyi
好的,谢谢老师,我再看一下您之前的代码。
2018-05-02
共3条回复

黑眼圈_0002

提问者

2018-05-02

请问老师,这是什么原因造成的,该怎么解决

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程