Javascript 如何防止safari在容器外滚动捕捉'；谁的孩子？

在Chrome中，它工作得非常漂亮：

但是，在Safari中，它会在第一项之前和最后一项之后捕捉：

这里有一个

容器{
显示：块；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
左：50%；
右：50%；
空白：nowrap；
溢出-x：滚动；
滚动捕捉类型：必填；
滚动捕捉类型：x必填；
}
孩子{
显示：内联块；
背景：绿色；
利润率：0.10px；
身高：100%；
宽度：20vw；
滚动捕捉对齐：居中；
}