//  .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');
});
});

最新文章

  1. 【转载】mysql慢查询
  2. ubuntu14.04下简易二进制安装mysql
  3. 【Mxnet】----1、使用mxnet训练mnist数据集
  4. hibernate中load和get方法的区别
  5. 针对Android 模拟器启动慢的问题
  6. 在Tomcat中部署Java Web应用程序
  7. 扩展:gridview 空数据时显示表头
  8. 毕业论文endnote使用
  9. 在GNU/Linux下使用Lilypond排版简谱
  10. [河南省ACM省赛-第三届] AMAZING AUCTION (nyoj 251)
  11. C语言中static作用
  12. Mycat 安装配置
  13. 每天一个linux命令(33)--df命令
  14. C语言程序设计第一作业
  15. 软件工程第三次作业-结对作业NO.1
  16. mvc 路由配置
  17. PageHelper分页+前台BootStrap_pagination样式/BootStrap_table样式
  18. glog日志库移植Android平台
  19. R中双表操作学习[转载]
  20. wepsocket 了解一下

热门文章

  1. mybatis_pagehelper_selectOne的SQL语句被莫名的增加分页相关设置,暂定解决办法
  2. Property or method &quot;scope&quot; 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
  3. Java面向对象之内部类
  4. error:0308010C:digital envelope routines::unsupported
  5. docker-compose简易编写和模板命令
  6. 【Shell】DBeaver Enterprise Edition 5.1.1 Download
  7. RabbitMQ-01-使用Java进行简单消息发送与接收
  8. leetcode91解码
  9. Python3开启自带http服务
  10. RocketMQ学习笔记