请教一段css的理解？

首页课程实战体系课手记专栏慕课教程

请教一段css的理解？

来源：6-10 music-list 组件开发（3）

weixin_慕妹0008060

2020-03-10

   <scroll :data="songs" class="list" ref="list">
      <div class="song-list-wrapper">
        <song-list :songs="songs"></song-list>
      </div>
    </scroll>

.list
  position: absolute
  top: 0
  bottom: 0
  width: 100%
  background: $color-background

这里面top:0，bottom:0，因为是绝对定位，相当于是设置了list容器高度为父容器的高度，从而满足better-scroll的滚动条件。
问题1：如果我设置height:100%,top:0；那么当滚动到底部的时候，有几个元素滚动不到。也就是说只要加入height：100%，就会出现上面的问题。都是满足滚动条件，不知为何这样写不行？

写回答

2回答

ustbhuangyi

ustbhuangyi

2020-03-10

有几个元素滚动不到，确保你的容器都在视口内，也就是你的视界范围内。因为如果你的滚动容器有一部分内容是超出屏幕外的，那么这部分内容就会“看上去”滚动不到。

0

1

weixin_慕妹0008060

I see。我大脑卡机了。第二个问题太白痴了，请老师无视。

2020-03-10

共1条回复

weixin_慕妹0008060

weixin_慕妹0008060

提问者

2020-03-10

I see

0

0

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

jsonp 库中的 option的 param参数问题

回答 1

关于mixin的内部实现原理

回答 1

老师 css问题需要请教拜托了

回答 1

老师，请教一个CSS样式的问题

回答 1

黄老师我取到的数据没有Findex，但是扫二维码看项目，还是能正常使用，您是怎么处理的呢？在master上看好像也是和视频讲的一样

回答 1

打开慕课网App查看更多内容