问题描述：
点击‘蓝色’框里的内容，‘绿色’框里面的内容滚动到可试区域内，由于‘红色’搜索框的原因，’绿色‘要展示的可视区域被搜索框的内容遮挡。
原来的布局：
搜索框
** **
搜索框下面左边的城市名称
搜索框下面右侧的ABCDE等的内容 被定位到右侧
解决：让滚动区也以fixed做呈现，top值定为顶部区域的高度即可不被遮挡；给class="bottom" 的标签添加‘position：fixed；top:52px(搜索框的高度)’.