JQuery电梯导航
2024-09-18 21:08:24
// .zjong .dag_id 内容区
// .zuoyou .dao_hang a 电梯按钮
$(function() {
$(".zjong .dag_id").each((index, element) => {
let positionTop = $(element).offset().top;
let s;
$(document).scroll(function() {
let nowSite = $(document).scrollTop();
s.clearInterval();
s = setInterval(() => {
positionTop - 80 <= nowSite ?
$(".zuoyou .dao_hang a")
.eq(index)
.addClass("on")
.siblings()
.removeClass("on") :
console.log();
}, 300);
});
});
$('.zuoyou .dao_hang a').click(function() {
let rollIndex = $(this).index();
console.log(rollIndex);
$('html,body').animate({ scrollTop: $('.zjong .dag_id').eq(rollIndex).offset().top - 80 },
300
);
$(this).addClass('on').siblings().removeClass('on');
});
});
最新文章
- 【转载】mysql慢查询
- ubuntu14.04下简易二进制安装mysql
- 【Mxnet】----1、使用mxnet训练mnist数据集
- hibernate中load和get方法的区别
- 针对Android 模拟器启动慢的问题
- 在Tomcat中部署Java Web应用程序
- 扩展:gridview 空数据时显示表头
- 毕业论文endnote使用
- 在GNU/Linux下使用Lilypond排版简谱
- [河南省ACM省赛-第三届] AMAZING AUCTION (nyoj 251)
- C语言中static作用
- Mycat 安装配置
- 每天一个linux命令(33)--df命令
- C语言程序设计第一作业
- 软件工程第三次作业-结对作业NO.1
- mvc 路由配置
- PageHelper分页+前台BootStrap_pagination样式/BootStrap_table样式
- glog日志库移植Android平台
- R中双表操作学习[转载]
- wepsocket 了解一下
热门文章
- mybatis_pagehelper_selectOne的SQL语句被莫名的增加分页相关设置,暂定解决办法
- Property or method ";scope"; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components
- Java面向对象之内部类
- error:0308010C:digital envelope routines::unsupported
- docker-compose简易编写和模板命令
- 【Shell】DBeaver Enterprise Edition 5.1.1 Download
- RabbitMQ-01-使用Java进行简单消息发送与接收
- leetcode91解码
- Python3开启自带http服务
- RocketMQ学习笔记