內容定位導航js(移動端)

var myexports={};

myexports.init = function(){
    myexports.moreTxt();//調用


}

myexports.moreTxt = function(){

var subject =$('#j_subject');
    var navigation = $('#j_nav');           //導航
    var nav = subject.find('.nav-list');    //所有按鈕
    var conBox = subject.find('.cont-box');   //模塊
    var navTop = navigation.offset().top;  //導航相對於瀏覽器視口到高度
    nav.on(_tap,function(){
        var t = $(this);
        var ts = t.siblings('li');
        t.addClass('on');
        ts.removeClass('on');
        var tindex = t.index();
        var section = conBox.eq(tindex);
        var stop = section.offset().top;
        $('body,html').scrollTop(stop);
    });

    $(window).scroll(function () {
        $('.cont-box').each(function(a,b) {
            var w = $(window).scrollTop();
            var ctop = $(this).offset().top;
            if (w>ctop-30) {
                navigation.find('li').removeClass('on');
                navigation.find('li').eq(a).addClass('on');
            }
        });
    }).trigger("scroll");
}

$(function() {
    myexports.init();
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章