收藏
回答

cover-view的overflow-y: scroll滚动无效?

<cover-view class="content" >

<cover-view class="chat" id="chat" sroll-top="{{srollTop}}" >

<cover-view id="bianjie">

<cover-view class="chatItem" wx:for="{{chatList}}" wx:for-item="chat" wx:key>

<cover-view class="chatName">{{chat.name}}:</cover-view>

<cover-view class="chatContent">{{chat.content}}</cover-view>

</cover-view>

</cover-view>

</cover-view>

</cover-view>


下面是样式:

.content {

height: 100%;

width: 100%;

display: flex;

}

.chat {

display: flex;

position: absolute;

bottom: 0;

left: 0;

height: 30%;

width: 90%;

border: solid;

overflow-y: scroll;

flex-direction: column-reverse;

}

.chatItem {

display: flex;

overflow: hidden;

width: 100%;

}


.chatName {

width: 10%;

}


.chatContent {

width: 90%;

word-wrap: break-word;

word-break: break-all;

white-space: pre-wrap;

}

预期效果:有滚动条

代码片段:https://developers.weixin.qq.com/s/OgnHG9mo7FbY


最后一次编辑于  09-05  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 娇华
    娇华
    09-05

    你好,麻烦具体描述问题流程,提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    09-05
    赞同
    回复 3
    • Nyecma
      Nyecma
      09-05
      好的
      09-05
      回复
    • Nyecma
      Nyecma
      09-05
      代码片段放在上面了
      09-05
      回复
    • 良月十七
      良月十七
      09-06
      我这个也不行呢 帮忙看看? https://developers.weixin.qq.com/s/J6anabmh7nbc
      09-06
      回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    09-05

    来 老哥写个代码片段吧(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    09-05
    赞同
    回复 2
    • Nyecma
      Nyecma
      09-05
      好的
      09-05
      回复
    • Nyecma
      Nyecma
      09-05
      代码片段放在上面了
      09-05
      回复
  • ༺ 康 ༻
    ༺ 康 ༻
    09-05

    没设置啊

    09-05
    赞同
    回复 8
    • Nyecma
      Nyecma
      09-05
      哪里没设置?
      09-05
      回复
    • ༺ 康 ༻
      ༺ 康 ༻
      09-05回复Nyecma
      有个overflow:hidden;属性,去了就可以了
      09-05
      回复
    • ༺ 康 ༻
      ༺ 康 ༻
      09-05回复Nyecma
      加个css #bianjie {overflow: visible; }
      09-05
      回复
    • Nyecma
      Nyecma
      09-05
      我试试
      09-05
      回复
    • Nyecma
      Nyecma
      09-05
      还是不行。。。上面有代码片段,大佬可以看下
      09-05
      回复
    查看更多(3)
问题标签