与jQuery函数的冲突问题

我已经为此挠头好几天了。我有一个网站在主页上运行jcarousellite滑块。在网站的另一个页面上，我希望侧导航是粘性的（即位置：相对；同时滚动直到到达页面顶部，然后位置：固定；此后）。

我有以下代码被调用：

//jQuery Functions
$(document).ready(function(){

//JCarouselLite
$(function() {
$("#mainSlider").jCarouselLite({
    btnNext: "#sliderBtnNext",
    btnPrev: "#sliderBtnPrev",
    visible: 1,
    auto: 6000,
    speed: 1000
    });
});

//Sticky Side Nav
var stickerTop = parseInt($('#sticker').offset().top);
$(window).scroll(function() {
    $("#sticker").css((parseInt($(window).scrollTop()) + parseInt($("#sticker").css('margin-top')) > stickerTop) ? {
        position: 'fixed',
        top: '0px'
    } : {
        position: 'relative'
    });
});
});

在目前的格式中，粘性sidenav代码运行良好，但jcarousellite则不然。如果我删除了粘性的sidenav代码，那么jcarousellite就可以正常工作。

我确信这将是一个简单的问题，比如语法错误，但我似乎无法解决它

非常感谢您的帮助。