.swiper-container设置的height100%的原因,设置300的时候就不见了?

来源:5-1 下拉刷新--变化提示文字

慕妹2075046

2019-09-11 00:14:08

<style lang="scss" scoped>

.swiper-container {

    overflow: hidden;

    width: 100%;

    height: 100%;

    // height:300px;

}

.swiper-slide{

    height:auto;

}

.mine-scroll-pull-down{

    position: absolute;

    left:0;

    bottom: 100%;

    width:100%;

}


    

</style>


写回答

1回答

好帮手慕慕子

2019-09-11

同学你好, swiper-container表示滚动盒子的大小,设置百分百高度, 是为了让内容在整个页面中显示。

老师在源码中测试, 将高度改为300的时候,显示内容区域变小, 热卖推荐内容需要滚动才可以显示出来哦, 示例:

http://img.mukewang.com/climg/5d78640d00013bdf04840722.jpg

http://img.mukewang.com/climg/5d78641c00019dcf04890713.jpg

http://img.mukewang.com/climg/5d7864300001573704630708.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 10739 问题

查看课程