Scrolltop不会消失，滚动时它不会反转

Question

我对javascript很新。

我需要一个顶部的导航栏消失，并在某个滚动顶部时段被一个较小的导航栏取代。一旦我到达某个滚动顶部数字，我需要执行该功能并保持“淡出”，直到您向后滚动到相同的滚动顶部数字。 我一直在试验这个：

<script type="text/javascript">
$(window).scroll(function () {
if ($(document).scrollTop() > 250 ) {
    $('#moving_nav').removeClass('tiny');
    $('.subhead, .navbar-brand').fadeIn(0.1);

} else {
    $('#moving_nav').addClass('tiny');
    $('.subhead, .navbar-brand').fadeOut(0.1);
}
});
</script>

我现在遇到的问题是它做了很多时髦的事情。在250它工作正常，但在向上滚动时无法做反向，当我更改数字时，在向下滚动时，它会恢复到原始状态。

请告诉我代码的外观？是否有更准确/更正确的方法来解决这个问题？

非常感谢你！

http://jsfiddle.net/NotJavascriptFriendly/F38As/