滚动时固定菜单不保持位置

Question

我在固定菜单中使用此代码：

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

我对该代码有2个问题：

• 第一个 - “#my_div”消失但不顺利（fadeIn / fadeOut不起作用）
• 第二个 - 我的固定菜单快速滚动上下跳跃

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