当固定元素到达页面底部时隐藏它

Question

我使用此脚本将菜单栏转换为固定元素：

echo "  <script type='text/javascript'>//<![CDATA[
$(document).ready(function(){
var menuOffset = $('#ribbonmenu')[0].offsetTop;

$(document).bind('ready scroll', function() {
    var docScroll = $(document).scrollTop();

    if (docScroll >= menuOffset) {
        $('#ribbonmenu').addClass('fixed');
    } else {
        $('#ribbonmenu').removeClass('fixed');
    }

});
});//]]>
</script>";

问题是当页面滚动到底部时，固定菜单不再符合设计。

当用户将页面滚动到底部时，我需要找到一种方法来删除fixed属性。触发器可以是在到达页面的最后1000个像素时（但是我的页面从不具有相同的高度，因此它将很难）或当它到达一个元素时，我可以放置在我希望菜单停止修复的位置

知道我怎么能这样做吗？