Javascript 当旋转滑块滚动到视图中时启动动画

当滑块滚动到视图中时，我需要使用滑块旋转来设置内容的动画。我已经有了一个可行的解决方案——但它有一个严重的bug

当用户已经看到滑块时，当用户再次滚动滑块时，滑块将再次开始动画

我想让幻灯片不重新动画时，用户滚动到它后，他已经看到了它

说明：用户向下滚动到幻灯片-幻灯片开始制作动画-超级用户转到页面的末尾，然后返回，滑块从一开始就开始动画制作，这对我来说很糟糕。我想让滑块在他第一次播放动画后停止

更新相关代码：

var win, slider, sliderHeight, sliderPaused = true, winHeight,

// Change the "revapi6" part here to whatever "revapi" name that your slider uses
slider = revapi6.on('revolution.slide.onloaded', function() {

    win = jQuery(window).on('scroll', checkScroll).on('resize', sizer);
    sizer();

});

function sizer() {

    sliderHeight = slider.height();
    winHeight = win.height();
    checkScroll();

}

function checkScroll() {

    var scrTop = win.scrollTop(),
    offset = slider.offset().top;

    if(offset <= scrTop + winHeight && offset + sliderHeight >= scrTop) {

        if(sliderPaused) slider.revshowslide(2);
        sliderPaused = false;

    }
    else {

        if(!sliderPaused) slider.revshowslide(1);
        sliderPaused = true;

    }

}

它位于“我的滑块设置”中的自定义JavaScript块中。就像这里一样。

---

网站-uhu.net

解析。也许这不是最好的方法，但它很有效，我也不太清楚

评论这一部分

    /*else {

        if(!sliderPaused) slider.revshowslide(1);
        sliderPaused = true;

    }*/

我让你看看我的解决方案：

1-转到滑块旋转：

2-选择您的滑块：

3-单击滑块设置选项卡：

4-在右侧面板中，单击视差和3D，并与当前配置进行比较：

5-在右侧面板中，单击滚动效果视差和3D，并与当前配置进行比较：

6-要完成保存配置，请执行以下操作：

---

你能用你的相关代码更新吗？