程序博客网 > 淘宝卖家活动报名

页面滚动的时候自动切换导航栏

来源：互联网发布：淘宝卖家活动报名编辑：程序博客网时间：2024/06/06 14:05

解决方法:

页面主体设置相同的结构如:

<body>

<div class="items"></div>

<div class="items"></div>

<div class="items"></div>

<div class="items"></div>

</body>

当我们页面下上滑动的时候利用当前div 的offset().top的值与页面滚动的距离作比较,进而获取当前页面主体显示的是哪个div(class为items的div)，进而去对应导航栏上的对应选项，达到切换效果)

代码:

    $(window).scroll(function(){var top=document.documentElement.scrollTop || document.body.scrollTop;var curId = "";       // 当前页面 div 快 的idvar  items = $('.items');items.each(function(i,e){var m = $(this);var itemsTop = m.offset().top;if(top>itemsTop-250){ curId = "#" + m.attr("id");}else{return false;}});// 这里我们获取到当前主体显示的div,可以知道当前div的id,根据当前div的信息去对应导航栏的选项，可以进行导航栏切换// 或者进行其他操作   });

阅读全文

0 0

淘宝卖家活动报名

淘宝卖家活动报名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子飞傲x7 印飞星x大师兄惩罚play 印飞星x东方纤云飞傲x7二代印飞星x东方纤云肉飞傲x5二代麻木x8飞曲在线试听飞傲x5三代与山灵m5音质对比麻木x8飞曲原唱在线试听飞傲x3二代囚禁印飞星x东方纤云囚禁欧米茄蝶飞x2 佳明飞耐时买5还是5x 飞智黑武士x9 路飞轮流x娜美和罗宾飞乐运动品牌飞乐音响股吧飞乐飞乐音响股票股吧 600651飞乐音响乐飞网络加速器 600651飞乐音响股吧飞乐鞋运动鞋飞乐运动鞋上海飞乐音响股份有限公司 600651 600651股吧飞呀飞呀飞飞呀飞呀梦见飞起来梦见飞起来了飞了做梦飞起来了是什么兆头女人梦见蛇飞起来了飞机票丢了怎么报销飞贷上征信害死我了订了飞机票可以退吗儿子你的好粗妈要飞了又被电竞大神带飞了免费阅读我一脚踏空我就要飞起来了全能影后云少你老婆又飞了