2013-04-11 84 views
0
$(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之间的第一重叠的作品不错,但说到scrollabout之间的第二重叠和滚动设计,我不知道如何再次隐藏在光滑的方式scrollabout的Funktion,我需要帮帮我!我如何使Scrolllabout使用scrolltop再次隐藏?jQuery的滚动透明度

+2

请发表您的HTML和CSS与jQuery的一起。 – Lowkase 2013-04-11 16:52:23

+0

考虑使用http://jsbin.com/作为例子。 – mzedeler 2013-04-11 18:17:07

+0

我想他有一个非常高的页面和一些基于滚动位置的静态菜单,它淡入/出菜单中的按钮,当点击时滚动回到任何区域 – TheBrain 2013-04-11 18:17:13

回答

0

你misstyped它-1($(window).....。这也应该是1-($(window)