博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
导航栏固定在顶部,滑动下面内容,不同的内容块,上面的导航相应的变颜色...
阅读量:6232 次
发布时间:2019-06-21

本文共 667 字,大约阅读时间需要 2 分钟。

// 滑到不同内容块,上面相应导航变色    var current_nav = 'qiye';    scroll_function = function() {        $(".about_content_list").each(function(index) {            var h = $(this).offset().top;            var y = $(window).scrollTop();            if (y >= h && y < h + $(this).height() && $(this).attr('id') != current_nav) {                current_nav = $(this).attr('id');                $('.aboutus_navtxt a').removeClass('aboutus_change');                $('.nav_' + current_nav).addClass('aboutus_change').show("fast");            }        });    }    $(window).scroll(function() {        scroll_function();    });

效果如e车宝的网站

转载于:https://www.cnblogs.com/liuyanxia/p/5501973.html

你可能感兴趣的文章
websocket搭建简单的网页聊天室框架【续1】
查看>>
Scrapy Shell
查看>>
array_merge和+号合并数组的区别
查看>>
TP5整合 WorkerMan 以及 GatewayWorker
查看>>
Facebook Docusaurus 中文文档 准备网站
查看>>
如何绘制一个圆圆的loading圈
查看>>
Nodejs学习记录:用koa.js开发微信公众号
查看>>
Android源码集锦,悬浮窗综合资讯类APP动画效果左右切换效果美妆领域
查看>>
Spring Cloud(六)服务网关 zuul 快速入门
查看>>
d3.js中动态数据的请求、处理及使用
查看>>
Vue源码解析(六)-vue-router
查看>>
[轮子系列]Google Guava之BloomFilter源码分析及基于Redis的重构
查看>>
android弹力效果菜单、组件化项目、电影票选座控件的源码
查看>>
three.js 中文文档 9.问答
查看>>
单元测试
查看>>
重温JS基础--JS中的对象属性
查看>>
慕课网_《RxJava与RxAndroid基础入门》学习总结
查看>>
CDH的hadoop与Spark套件组安装
查看>>
构建多层感知器神经网络对数字图片进行文本识别
查看>>
Git常规配置与基本用法
查看>>