Question

当我向下滚动页面一定距离然后向后滚动回原始滚动事件时，我需要触发事件。

这是我目前正在尝试的内容。当我向下滚动一段距离时，这会触发事件。当我向上滚动时，我需要将进度条设置为10。

$(window).scroll(function() {
    var scrollY = $(this).scrollTop();
    if (scrollY > 4200) $(this).trigger("first-guy");
    if (scrollY > 1600) $(this).trigger("second-guy");
    if (scrollY > 2200) $(this).trigger("third-guy");
    if (scrollY > 3000) $(this).trigger("fourth-guy");
})

//first guy
.on("first-guy", function() {
    $('progress').animate({
        value: 20
    }, 200);
 })

Answer 1

我只想在scrollY小于触发点时添加另一个案例。所以类似的东西：

$(window).scroll(function() {
    var scrollY = $(this).scrollTop();
    if (scrollY > 200) $(this).trigger("first-guy");
    if (scrollY < 200) $(this).trigger("before-first-guy"); // LESS THAN
})
//first guy
.on("first-guy", function() {
    $('progress').animate({
        value: 20
    }, 200);
 })
//before first guy
.on("before-first-guy", function() {
    $('progress').animate({
        value: 0
    }, 200);
 })

这是 jsfiddle 。

根据您的具体操作，您可能希望以不同方式构建它，甚至添加变量以检查某些值/事件。

创建自定义滚动事件功能，然后反向滚动回来？

1 个答案: