页面滚动tab监听
2024-09-02 11:12:38
页面 需求,顶部固定,左侧固定,右侧内容滚动
所以给右侧内容高度,内容里面滚动
(使用固定定位的话,右侧内容总会给head部分遮挡,比较坑)
1.左侧是侧边栏,点击li,右侧内容显示当前
右侧内容滚动,当滚动到当前位置后,侧边栏当前 高亮
js 代码
var _lis = $(".sliderbar li");
var _list = $(".con_scroll .item"),
_lilen = _lis.length-;
$(".con_definition").on('scroll',function(){
var scrollTop = $(window).scrollTop()+_head+,
len = _lilen;
for (; len > -; len--) {
var that = _list.eq(len);
if (scrollTop >= that.offset().top) {
_lis.removeClass('cur').eq(len).addClass('cur');
break;
}
}
})
最新文章
- springmvc+bootstrap+jquerymobile完整搭建案例(提供下载地址)
- Ubuntu下搭建Mininet环境
- python遍历数据
- [jQuery]attr和prop的区别
- BestCoder Round #79 (div.2)
- 并发编程之--ConcurrentSkipListMap
- 【node】记录项目的开始与完成——pipeline_kafka流式数据库管理项目
- 【JavaEE WEB 开发】Tomcat 详解 Servlet 入门
- luogu P4099 [HEOI2013]SAO
- Android软键盘在清单文件中所有配置含义
- live-server 快速搭建服务
- 【python】用python生成pdf文件
- 转 举例说明使用MATLAB Coder从MATLAB生成C/C++代码步骤
- 微信小程序之用户信息授权 wx.getUserInfo
- 2017-2018-2 20165227 实验四《Android程序设计》实验报告
- sencha touch Ext.Ajax.request 错误 Cannot call method 'request' of undefined 解决方案
- ARM的Trust Zone技术
- CXGRID用法(取行、列值;定位选中某行等等)[转]
- 教你配置使用阿里云 Maven 库,体验秒下 jar 包的快感
- Python并发编程-队列
热门文章
- UVa11021 Tribles
- 获取cookie中的某个参数值
- Yii关联查询(转载)
- zoj 2760(网络流+floyed)
- MySQL创建存储过程/函数需要的权限
- IntelliJ IDEA出现Search for无法退出的问题
- 【hibernate】hibernate和mybatis的比较
- Unity -- 用EasyAR制作出AR红包
- JFinal学习 &; Gradle配置续 &; Tomcat配置
- &;lt;LeetCode OJ&;gt; 204. Count Primes