Javascript 根据滚动高度进行固定的div更改位置

我会尽力描述我的意思。基本上，我希望在页面加载时，有一个固定的div（包含一个表单）将其自身定位在距离视口顶部10%的位置。这是我们所做的

然而，我不明白的是，当用户一直滚动到底部时，如何使相同的固定div从底部变为10%。基本上模仿滚动条

我不能包含太多的代码，因为我所写的只是固定div的原始位置

.abandc-submit {
  position: fixed;
  top: 10%;
  right: 10%;
  margin: 0 20px 0 0;
}