<scroll-view  class="you-may-also-like"  scroll-y scroll-with-animation enable-back-to-top :scroll-into-view="view" @scrolltolower="scrolltolower()"  enable-flex="true"  :style="'height:{{ scrollH }}px'"> <List></List> </scroll-view> export default { data() { return { scrollH: 0, page: 1 } },  async onLoad() { this.scrolltolower() var self = this; wx.getSystemInfo({   success: function(res) { self.scrollH = res.windowHeight;   } });  },  methods: { scrolltolower() { this.page++; } },   } <style lang="scss"> page{     width:100%;     height:100%; }   .you-may-also-like { height: 100%; } scroll-view {     height: 500px;     /* other the code.. */ }  .banner-swiper { height: 750rpx; .swier-item { image { height: 100%; } } } .banner-section { display: flex; background-color: #FFFFFF; image { width: 375rpx; } }