滚动监听导航 JQUERY 易懂
来源:互联网 发布:qq群成员提取软件 编辑:程序博客网 时间:2024/05/22 10:53
非常易懂一看明白,留着
// 滚动监听$('#detail-tab span').on('click', function(){var i = $(this).attr('rel');var boxTop = $('#'+i).offset().top - 49;$('#detail-tab span').removeClass('on');$(this).addClass('on');window.scrollTo(0, boxTop);$('#detail-tab').animate({'position':'fixed', 'top':0},300);});var oneTop = $('#detail-tab').offset().top;$(window).scroll(function(){var leftNav = $('#detail-tab span'),docTop = $(document).scrollTop();if(docTop >= oneTop){$('#detail-tab').css({'position':'fixed', 'top':0});$('.nr_list').each(function(index, domEle){var uhTop = $(domEle).offset().top-49,uhBot = uhTop + $(domEle).height();if(docTop<uhBot && docTop>=uhTop){$('#detail-tab span').removeClass('on');$('#detail-tab span:eq('+ index +')').addClass('on');}else{return;}})}else{$('#detail-tab').css({'position':'static'});}})
1 0
- 滚动监听导航 JQUERY 易懂
- 监听导航滚动置顶
- bootstrap 导航适配屏幕+滚动监听+JQuery删除块
- jQuery滚动监听,实现商城楼梯式导航
- [前端] 滚动监听导航效果
- jQuery滚动监听,实现商城楼梯式导航、滚动监听根据滚动条所处的位置来自动更新导航项
- bootstrap中jquery插件——affix附加导航、以及滚动监听功能的实现
- JQuery监听页面滚动总结
- Jquery滚动条监听事件
- jQuery滚动顶部定位导航
- 【jQuery】兼容IE6的滚动监听
- jquery点击添加class,实现滚动监听
- jquery监听滚动条,实现“返回顶部”
- jquery监听鼠标滚轮(滚动)事件
- Jquery单页全屏滚动效果 导航
- <jQuery>导航的滚动锚点
- iOS-UI效果之【监听滚动导航条渐隐】
- 移动端的导航栏联动(滚动监听)
- 2016年央视315晚会互联网成重灾区!
- 本月有几天
- 11. Container With Most Water
- 子类对象的创建过程
- Android中使用XmlPullParser操作简单的xml文件
- 滚动监听导航 JQUERY 易懂
- isspace
- XCode中遇到not available in automatic reference counting mode 报错
- 泛型:有限通配符的用法
- [NSIS]NSIS——Qt程序发布工具
- leetcode330:Patching Array(贪心)
- 模拟登录新浪微博-python
- 多线程笔记
- 对model的解归档