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();
    });
  • 相关阅读:
    Jmeter——关联与正则
    Jmeter图形插件扩展
    Jmeter——检查点
    Jmeter——集合点
    OpenGL帧缓存对象(FBO:Frame Buffer Object)(转载)
    unicode 和 utf8
    管理node的版本
    pyqt5 开发环境
    cmake
    一些可能常用的工具函数
  • 原文地址:https://www.cnblogs.com/itlichen/p/5831639.html
Copyright © 2011-2022 走看看