1、不使用scroll-view组件
1、查看自己代码中page的属性
如果你的page样式中含有overflow属性,且属性值为hidden,将其去掉,若去不掉则加入下代码:
page {
overflow-y: auto !important;
}
2、查看自己的顶级盒子view的样式
若 样式中含有display属性,且属性值为flex,将其去掉即可
2、使用scroll-view
小程序内提供scroll-view组件,可以实现此效果,将scroll-y设置为true.
<scroll-view scroll-y="true" style="height: {{height}}px;" bindscrolltolower="lower" bindchange="loadingChange">
<block wx:for="{{info}}" wx:for-item="item" wx:key="i">
<view class="info" bindtap="goAnswer" data-id="{{item.id}}" data-title="{{item.title}}">
<view class="img" style="background:{{item.backColor}}">
<image src="{{item.icon}}" />
</view>
<view class="text">
<view>{{item.title}}</view>
<view>{{item.desc}}</view>
</view>
</view>
</block>
</scroll-view>