<script setup lang="ts">
</script>
<template>
<view class="container">
<view id="demo0" class="top">O</view>
<scroll-view :scroll-y="true" class="scroll-Y">
<view id="demo1" class="scroll-view-item">A</view>
<view id="demo2" class="scroll-view-item">B</view>
<view id="demo3" class="scroll-view-item">C</view>
<view id="demo3" class="scroll-view-item">D</view>
</scroll-view>
</view>
</template>
<style lang="scss">
.container{
height: 100vh;
width: 100%;
background-color: #F7F7F7;
display: flex;
flex-direction: column;
justify-content: flex-start;
.top{
height: 200rpx;
line-height: 200rpx;
text-align: center;
font-size: 36rpx;
background-color: #541111;
}
.scroll-Y{
flex: 1;
//overflow-y: auto;
.scroll-view-item {
height: 300rpx;
line-height: 300rpx;
text-align: center;
font-size: 36rpx;
border: #000 1px solid;
}
}
}
</style>
这里的scroll里面的内容一旦超过scrll-view的尺寸会被撑开至整个屏幕，导致顶部的view也随着滚动，除非在.scroll-Y中加上overflow-y: auto，但是如果加上overflow-y: auto那和普通的view组件不久一样了吗？怀疑时scroll-view没有被正确解析，有老铁知道时什么情况吗？
1***@qq.com (作者)
我用的时flex布局，子组件设置了flex: 1占满剩余空间，如果scroll-view里面没有内容或者内容不超出scroll-view时确实可以占满剩余空间，但是一旦超出了，就会随内容撑开，刚试了下HBiulderX，也是这个问题。如果硬性给他设置各500rpx，我试了下，效果一样。随意感觉很奇怪，之前不这样啊
2024-10-18 13:43
靐齉齾麤龖龗
回复 1***@qq.com: 好吧，其他端是正常的吗
2024-10-18 13:49
1***@qq.com (作者)
回复 靐齉齾麤龖龗: 刚试了下，h5端同样的问题，加上overflow-y: auto后可以正常了，我认为是没有正确解析出scroll-view标签，但是我给scroll-view添加了个滚动到底的事件，事件居然可以响应，那说明scroll-view标签是不是也是正常解析了？这是不是各bug呢？
2024-10-18 13:55