jquery滚动不透明度

时间:2013-04-11 16:47:57

标签: javascript jquery

$(function() {
$(document).scroll(function() {


var windowscroll = $(this).scrollTop();


if($(window).scrollTop() >= 900)
{
 $("#scrollhome").css("opacity",(1-($(window).scrollTop()-900)/75))
}
 else
 $("#scrollhome").css("opacity",1)



 if(windowscroll > 900 && windowscroll < 1300)
 {
 $("#scrollabout").css("opacity",($(window).scrollTop()-900)/75)
 }
 else
$("#scrollabout").css("opacity",0)

if(windowscroll > 1200 && windowscroll < 1500)
 {
    $("#scrollabout").css("opacity", (-1($(window).scrollTop()-1200)/75))
    $("#scrolldesign").css("opacity",($(window).scrollTop()-1200)/75)
 }
 else
    $("#scrolldesign").css("opacity",0)


 });




 });

scrollhome和scrollabout之间的第一个重叠效果很好但是当涉及到scrolllabout和滚动设计之间的第二个重叠时,我不知道如何以平滑的方式再次隐藏scrolllabout funktion,我需要帮助!如何使用scrolltop再次隐藏scrollabout?

1 个答案:

答案 0 :(得分:0)

您将其错误地输入为-1($(window).....。它也应该是1-($(window)