js实现导航条等滚动后位置固定

/*立即预定浮动代码*/
 window.onscroll = function () {  
     var top=$(window).scrollTop();
    //var eleTop=$("#navigation").offset().top;
    if(top>665){
        //第一个浮动
        $("#reserve").css({
            "position":"fixed",
            "top":0,
            "left":"82.5%"
        })
        //第二个浮动
        $("#navigation").css({
            "position":"fixed",
            "top":0,
        })
        //浮动的下一个div设置margin-top与浮动的div高度一致
        $(".calendar-div").css({
            "margin-top":"60px"
        })
          
    }else{
        //取消js的css设置
        $("#reserve").css({
            "position":"relative",
            "left":0,
            "top":"-35px",
        })
        $("#navigation").css({
            "position":"relative",
        })
        $(".calendar-div").css({
            "margin-top":0
        })
    }
}