锚点定位滚动之 scrollIntoView,定位的锚点内容被遮挡

问题描述：
点击‘蓝色’框里的内容，‘绿色’框里面的内容滚动到可试区域内，由于‘红色’搜索框的原因，’绿色‘要展示的可视区域被搜索框的内容遮挡。
原来的布局：

解决：让滚动区也以fixed做呈现，top值定为顶部区域的高度即可不被遮挡；给class="bottom" 的标签添加‘position：fixed；top:52px(搜索框的高度)’.