检测滚动距离以执行parallaxScroll效果

Question

所以这是我的问题。当向下滚动到页面的[X]％时，我希望aside figure.deux（图像）从屏幕底部开始出现（使用％，因为我希望我的页面能够响应屏幕的大小） ，当我向下滚动按下页面的[Y]％并开始向下滚动直到它消失时，我也希望aside figure.deux停止向上滚动。但是在jQuery上我是新手，我不知道该怎么做。

想知道是否有人能想出一些可以解决我问题的示例jQuery代码。

以下是aside figure.deux

的HTML和CSS

HTML

<aside>
     <figure class="deux">
    <img src="images/image_2.png"alt="Foret">
</figure>
</aside>

CSS

aside figure.deux {
    display: block;
    max-width:100%;
    height: auto;
    position:fixed;
    bottom:-100%;
    right:0;
}