情况介绍：底部菜单（今天、课程、校园网）和顶部（模糊）是固定且置顶的，（日期、课程名）那一部分是放在scroll-view里面的，叠在最底层，高度100%
情况介绍：底部菜单（今天、课程、校园网）和顶部（模糊）是固定且置顶的，（日期、课程名）那一部分是放在scroll-view里面的，叠在最底层，高度100%
结构如下：
body
scroll-view
课程名、课程简介、上课时间、上课地点...
菜单
今天、课程、校园网
这么做是希望实现底部与顶部都能实现高斯模糊
问题所在：scroll-view设置只能纵向滚动，但是滚动条的活动范围和scroll-view是齐平的，这样滚动条会与底部和顶部菜单重叠。
如图：
我知道把菜单放在scroll-view后固定位置就可以把滚动条弄在菜单层叠上方，但是我希望实现滚动条的位置在菜单上方（不是层叠上方，是坐标上方）。
如图这个位置：
各个大佬有什么解决方法嘛
/deep/::-webkit-scrollbar{
width: 5rpx!important;
height: 10rpx!important;
display: block;
appearance: button!important;
-webkit-appearance: button!important;
}
/deep/::-webkit-scrollbar-track{
border-radius: 10rpx;
}
/deep/::-webkit-scrollbar-thumb{
border-radius: 10rpx;
-webkit-box-shadow: inset 0 0 6rpx rgba(0,0,0,.3);
background-color: #F2F2F2;
}