淡化不使用自定义scrollBottom函数

Question

我目前有我的网站的顶部部分淡入，因为我滚动到顶部，相对于滚动位置的不透明度，但我在底部部分做同样的事情。使用下面的代码，我将它设置为执行类似的操作，但不是淡出内容，只需显示从底部获得450px。如何解决这个问题，任何人都有一些见解？

修改 当你接近顶部或底部时，我也开始研究中心部分逐渐消失的方法。为了做到这一点，我颠倒了我现有的公式，并将它们应用到适当的选择器，但这导致它只有一个函数可以在选择器上工作，我不知道如何使它们都正确地影响相同的元素。

此外，关于问题的第一部分，底部探测器在优先级时不允许淡入淡出，而只是导致内容消失。

我已将新编码添加到下面的代码框中

http://coreytegeler.com/new/

$(window).load(function(){
$(window).scroll(function() {
    var st = $(window).scrollTop();
    var sb = $(document).height() - $(window).height() - $(window).scrollTop();
    $('#about .content').css({'opacity' : (1 - st/450)});
    $('#work .content').css({'opacity' : (450 + sb*-1)});
    $('#home .content').css({'opacity' : (-(450 + sb*-1))});
    $('#home .content').css({'opacity' : (-(1 - st/450))});
});
});