页面 需求,顶部固定,左侧固定,右侧内容滚动

所以给右侧内容高度,内容里面滚动
(使用固定定位的话,右侧内容总会给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;
}
}
})

最新文章

  1. springmvc+bootstrap+jquerymobile完整搭建案例(提供下载地址)
  2. Ubuntu下搭建Mininet环境
  3. python遍历数据
  4. [jQuery]attr和prop的区别
  5. BestCoder Round #79 (div.2)
  6. 并发编程之--ConcurrentSkipListMap
  7. 【node】记录项目的开始与完成——pipeline_kafka流式数据库管理项目
  8. 【JavaEE WEB 开发】Tomcat 详解 Servlet 入门
  9. luogu P4099 [HEOI2013]SAO
  10. Android软键盘在清单文件中所有配置含义
  11. live-server 快速搭建服务
  12. 【python】用python生成pdf文件
  13. 转 举例说明使用MATLAB Coder从MATLAB生成C/C++代码步骤
  14. 微信小程序之用户信息授权 wx.getUserInfo
  15. 2017-2018-2 20165227 实验四《Android程序设计》实验报告
  16. sencha touch Ext.Ajax.request 错误 Cannot call method 'request' of undefined 解决方案
  17. ARM的Trust Zone技术
  18. CXGRID用法(取行、列值;定位选中某行等等)[转]
  19. 教你配置使用阿里云 Maven 库,体验秒下 jar 包的快感
  20. Python并发编程-队列

热门文章

  1. UVa11021 Tribles
  2. 获取cookie中的某个参数值
  3. Yii关联查询(转载)
  4. zoj 2760(网络流+floyed)
  5. MySQL创建存储过程/函数需要的权限
  6. IntelliJ IDEA出现Search for无法退出的问题
  7. 【hibernate】hibernate和mybatis的比较
  8. Unity -- 用EasyAR制作出AR红包
  9. JFinal学习 & Gradle配置续 & Tomcat配置
  10. <LeetCode OJ> 204. Count Primes