首页 > 移动平台 > 详细

内容定位导航js(移动端)

时间:2016-09-02 00:18:54      阅读:175      评论:0      收藏:0      [点我收藏+]
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();
});

 

内容定位导航js(移动端)

原文:http://www.cnblogs.com/itlichen/p/5831639.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!