滑动效果，一个页面的一块有个抬头的图片和下方的一些文字，第一次滑动时图片不能动，然后文字向上做动画到了一定位置固定不动

Question

想实现的效果：
抬头的图片固定，第一次滚动时下面的文字向上做动画固定在距离图片某一处的距离
再次滚动整个块一起滚动；
遇到的难点：
第一次滚动时文字的位置固定不住
再次滚动时不知道怎么让他们可以滚动
我的实现：
1.现在我把图片那一部分position:fixed;
2.下面的文字position:relative然后一旦触发滚动事件就动画改变下面的文字的top值让它向上靠近图片。动画完成后把position:fixed改成position：relative。但是页面总是会向上滑动之前滑动的那一段距离。类似全屏滑动不管滑动多少第二屏都固定在顶部，只是我的不是全屏滑动。关键是不知道什么时候放开鼠标，我觉得应该在放开鼠标后把fixed改成relative