溢出中断ScrollTop / Not注册滚动

Question

我的网站上有一些CSS驱动的视差滚动，我还想在用户开始向下滚动页面时显示一个固定的顶部导航栏。目前，只有在您将PAST滚动到窗口末端后才会出现导航栏（当窗口有＆＃34;橡皮带＆＃34;回到位置时，再次消失）。我在Macbook上使用Chrome v38。看起来我的CSS中的overflow-x导致滚动不能注册/触发，但这对视差效果来说是必要的。任何帮助，将不胜感激。感谢。

CodePen示例：http://codepen.io/anon/pen/jEPqYL（与浏览器完全不同，但这是我当前的代码。）

我的JS是：

(function($) {
$(document).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 0) {
        $('#header').fadeIn(500);
            } else {
            $('#header').fadeOut(500);
        }                   
        });
    });
})(jQuery);