jQuery |与滚动条相关的位置div

我正在搜索jQuery/CSS解决方案，以便在与滚动条相关的页面上定位一个div

当用户从左向右滚动（水平）时，div首先必须从

（固定）左：30%

开始，当用户滚动到末尾（右）时，div必须从右

（固定）30%

---

滚动div时，必须从左到右逐步设置动画。

要固定div元素，请使用此CSS

div{
    position:fixed;
    left:30%;
    top:0;
}

如果在滚动中需要平滑的动画，请使用此jQuery

---

你试过什么了吗？如果您向我们展示您迄今为止所做的尝试，我们可以提供帮助（JSFIDLE将是最好的）