Javascript 固定菜单不'；滚动时不要保持位置

我将此代码用于我的固定菜单：

$(document).ready(function () {
    function my_function() {
        var scroll_value = document.body.scrollTop;
        if (scroll_value > 0) {
            $("#my_div").fadeOut(500);
        }
        else {
            $("#my_div").fadeIn(500);
        }
        if (scroll_value >= 650) {
            $('#sl_userNav').show('slide', { direction: 'up' }, 750);
        }
        else {
            $('#sl_userNav').hide('slide', { direction: 'up' }, 750);
        }
        document.getElementById("sl_userNav").style.marginTop = scroll_value.toString() + "px";
    }
    setInterval(my_function, 5);
    my_function();
});

已包括jQuery 2.1.1和jQuery UI 1.10.2

我对该代码有两个问题：

• 第一个-“#my#div”消失，但不是以平稳的方式消失（fadeIn/fadeOut不起作用）
• 第二个-我的固定菜单在快速滚动时上下跳跃

---

我不能在CSS中只使用“固定”，因为由于我的视差效果，它与页面的其余部分一样滚动。

你能添加一个JSFIDLE吗？为了改进这个问题，您可以使用“代码片段”按钮添加一个函数吗？因为您已经在使用jQuery，您是否考虑过使用而不是每5毫秒调用一个函数？