内容定位导航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();
});

 

posted @ 2016-09-01 22:46  Sunny_Lee  阅读(1471)  评论(0编辑  收藏  举报