如何在固定位置时停止元素移动

Question

有没有机会阻止CSS中有postion: fixed;的元素移动？

我知道我不能用CSS做这件事，也许是否有任何选择让JS解决这个问题？

我尝试通过滚动来删除一些值但是......

$(window).scroll(function()
{   var main_menu = $('.main_menu');
    var current_position = $(this).scrollTop();
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
        main_menu.css('top','0'-current_position+'px');
    }
});

HTML：

<section class="content_block">
    <section id="logo_main"></section>
    <div class="main_menu">

    </div>
</section>

部分content block有overflow: hidden，菜单比父块更广泛。所以我使用position fixed来停止拉伸主要部分......

有没有人知道如何做到这一点？