我想在用户向下滚动并更改部分时触发。
我想做这样的事情:
$(document).ready(function () {
/* *
/* SCROLL Event
/* */
$(window).scroll(function () {
document.getElementById("navbar").style.background = "rgba(0, 0, 0, 0.2)";
$(".logo a").css("color", "#ec008c");
$(".box-shadow-menu").css("background-color", "#ec008c");
$(".box-shadow-menu").css("box-shadow", "0 0.37em 0 0 #ec008c, 0 0.73em 0 0 #ec008c");
console.log("Scroll")
});
});
我该怎么办? 如果我使用此代码不起作用,为什么?
谢谢你, 吉安马可。
最佳答案
是在窗口没有地方可以向右滚动的情况下?
我认为你必须绑定(bind)鼠标滚轮事件。
$(window).bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta /120 > 0) {
console.log('scrolling up');
}
else{
console.log('scrolling down');
}
});
但我认为您可能想要触发 fullpage.js methode或 Callbacks . 当你离开第一张(或其他)幻灯片时,你可能应该触发你的 JS 改变颜色,例如:
$('#fullpage').fullpage({
onLeave: function(index, nextIndex, direction){
var leavingSection = $(this);
//after leaving section 1
if(index == 1 && direction =='down'){
document.getElementById("navbar").style.background = "rgba(0, 0, 0, 0.2)";
$(".logo a").css("color", "#ec008c");
$(".box-shadow-menu").css("background-color", "#ec008c");
$(".box-shadow-menu").css("box-shadow", "0 0.37em 0 0 #ec008c, 0 0.73em 0 0 #ec008c");
}
}
});
有关 onLeave 的文档
关于javascript - fullpage.js 向下滚动触发事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42332950/