javascript - jqueryスクロールの不透明度

Question

$(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)


 });




 });

スクロールホームとスクロールアバウトの間の最初のオーバーラップはうまく機能しますが、スクロールアバウトとスクロールデザインの間の2番目のオーバーラップに関しては、スクロールアバウト機能をスムーズに非表示にする方法がわかりません。助けが必要です! scrolltopを使用してスクロールアバウトを再び非表示にするにはどうすればよいですか?