微信开发工具版本:stable 1.06.2405020
使用官方 TS + Less-基础模板创建小程序
代码如下:
index.wxml
<navigation-bar title="Weixin" back="{{false}}" color="black" background="#FFF"></navigation-bar>
<scroll-view class="scrollarea"
refresher-enabled="{{true}}"
scroll-y>
<view class="overlay">
fixed
</view>
</scroll-view>
index.less
page {
height: 100vh;
display: flex;
flex-direction: column;
}
.scrollarea {
flex: 1;
overflow-y: hidden;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #f0ff;
}
样式如下:
对上面index.wxml 稍作改动,删除 scroll-view中 refresher-enabled="{{true}}"
样式如下:
不知道这种是小程序的bug,还是有什么特殊的原理,谁能提供一些信息,不胜感谢。