Javascript 如何在位置固定的情况下停止元件移动

是否有机会停止元件移动，其位置为

position:fixed在CSS中

我知道我不能用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:



节
内容块
有
溢出：隐藏
，菜单比父块宽一点。因此，我使用
位置固定
停止拉伸主要部分

有人知道怎么做吗？
所以。。。绝对定位？如果对元素应用了
position:fixed
，您的元素怎么会移动？我有oveflow:hidden by parent block，我需要用fixedElement执行此操作。元素不能用
position:fixed
移动。若你们滚动页面，那个么它仍然会固定在那个位置，但滚动是活动的。这是你说的吗？
<section class="content_block">
    <section id="logo_main"></section>
    <div class="main_menu">

    </div>
</section>