Jquery 在另一个动画的某些步骤调用动画

我正在编写一种时间线动画，它有一个横条，可以在屏幕上显示宽度为0到100%的动画，在动画的某些点，我希望它可以显示弹出的小“事件”

例如，我知道在大约6%时，有一个“事件”弹出窗口，我想在其中设置动画，另一个弹出窗口大约为15%，以此类推

我知道我可以通过步长函数得到百分比，但我在脑海中遇到了一点小麻烦，那就是如何根据时间轴动画的某个点上的步长来告诉其他事物动画

if($('html').hasClass('no-touch')){
                var fillW;
                $('#timeline').waypoint(function(){
                    $('.fill').animate({
                        'width':'100%'
                    },{
                        duration: 4000,
                        step: function(now){
                            return fillW = now;
                        }
                    });
                }, {offset: 75});
                console.log(fillW);
            }

---

你能发布你的动画脚本吗？动画只朝一个方向吗？是的，动画从0到100%宽度播放，一旦完成，除非你重新加载页面，否则它不会重新启动。还添加了我现在正在使用的脚本