首页 > 代码库 > 内容定位导航js(移动端)
内容定位导航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();});
内容定位导航js(移动端)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。