Jquery 滚动时逐渐淡出图像

他，伙计们

我需要一些帮助来回答一个在网上找不到的问题。 我正在尝试淡出标题中的

。我希望这个图像在向下滚动时逐渐淡出，

在向上滚动时应该逐渐淡出

我是否必须将滚动事件绑定到img的不透明度？但是怎么做呢

---

谢谢你的帮助

这对我很有效，请根据您的喜好更改数字

$(window).scroll(function(i){
    var scrollVar = $(window).scrollTop();
    $('.element').css({'top': .7*scrollVar });
    $('.element').css({'opacity':( 100-scrollVar )/100});
})

---

参考资料：

我想你需要这样的东西

$(document).scroll(function(){
    var docPos = Math.round(($(window).scrollTop() + $(window).height())/$(document).height() *100);
    $("#img").css("opacity",""+docPos/100+"");
});

---

404JS小提琴broken@Spir这不是我的错，JSFIDLE出现了一些问题，不管怎样，我删除了链接。注意：此代码正在工作。