微信小程序的scroll-view不能滚动

Question

.shade-badge{
    position: absolute;
    width: 86%;
    height: 86%;
    left: 7%;
    top:8%;
    background: #ffffff;
    z-index: 2;
    box-shadow: 0 0 38rpx rgba(225,52,27,.5);
    overflow: scroll;
}

不能滚动为什么呢

Answer 1

需要在<scroll-view>标签里设置scroll-y或者scroll-x，然后看看scroll-view内容是否超过了容器大小，不超过的话是不会滚动的。
比如<scroll-view scroll-y></scroll-view>

Answer 2

scoll-view 必须要设置一个高度(如果是纵向滑动的话)才能滚动, 例如:

<scroll-view scroll-y style="height: 100%;overflow:hidden;">

横向同理

Answer 3

你是要横滑吗<scoll-view class="category_nav_tab" scoll-x></scoll-view>
. category_nav_tab{

height: 88rpx;
width:100%;
white-space:nowrap;

}