创建自定义滚动事件函数，然后反向滚动回滚？
创建自定义滚动事件函数，然后反向滚动回滚？
提问于 2014-02-23 06:17:20
当我在页面上滚动一定的距离时，我需要触发一个事件，然后当我向上滚动到原来的滚动事件时，我需要触发一个事件。
这是我目前尝试过的。当我向下滚动一段距离时，这会触发事件。当我向上滚动时，我需要将进度条设置为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);
})回答 1
Stack Overflow用户
回答已采纳
发布于 2014-02-23 08:07:11
我只想为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);
})这是一个小提琴。
取决于您到底要做什么，您可能希望对其进行不同的结构，甚至添加变量来检查某些值/事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21964930
复制相关文章
相似问题
腾讯云开发者
