uniapp页面如何禁止滚动

uniapp页面中分为两部分，顶部是一个搜索框并加了固定定位，下部分是消息列表
需求：只可滑动绿色框内的消息列表（搜索框固定不动）
问题：滑动红色搜索框和绿色消息列表均能使消息列表滚动
怎么处理在滑动搜索框时下面无法滚动

页面展示

下面用ScrollView