zoukankan      html  css  js  c++  java
  • 内容定位导航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();
    });
  • 相关阅读:
    分组声明
    描述项目的典型用户与场景
    用户调研
    10-11-12
    Sprint--5.21
    Cosplay之孩子的妈咪
    作业5.1之5.2
    51nod 1393 1393 0和1相等串
    51nod 1090 3个数和为0(排序+二分)
    51nod 1095 Anigram单词(map的使用)
  • 原文地址:https://www.cnblogs.com/itlichen/p/5831639.html
Copyright © 2011-2022 走看看