JQ实现导航滚动到指定位置变色，并置顶

    $(document).ready(function(){
    $(window).scroll(function() {
    var top = $("#carousel-nav").offset().top; //获取指定位置
    var scrollTop = $(window).scrollTop();  //获取当前滑动位置
    if(scrollTop > top){                 //滑动到该位置时执行代码
    $(".mobile").attr("id","active-yd-bar");
    }else{
    $(".mobile").removeAttr("id");
     }
     });
     });

引入JQ，设置好相应的元素，滚动（滑动到）id为carousel=nav的模块，则给class为mobile的元素加上id 为active-yd-bar