JQUERY 滚动 scroll事件老忘记 标记下
2014-11-19 17:41
225 查看
制作笔记 这个scroll事件 老忘记。。。。
写的太垃圾了 希望有路过的大神指点的吧~ 这个貌似应该写个函数里 调用好些的吧~ 写个类这样的 也方便扩展貌似 不过就是想想 ~
$(window).scroll(
function(){
console.log($(window).scrollTop() )
if( $(window).scrollTop() > 700||$(document).scrollTop() > 700){
$('#nav-fix').css({"position":"fixed","top":"0px","z-index":"999"});
}else{
$('#nav-fix').css({"position":"relative","top":"0px","z-index":"999"});
}
}
)
写的太垃圾了 希望有路过的大神指点的吧~ 这个貌似应该写个函数里 调用好些的吧~ 写个类这样的 也方便扩展貌似 不过就是想想 ~
$(window).scroll(
function(){
console.log($(window).scrollTop() )
if( $(window).scrollTop() > 700||$(document).scrollTop() > 700){
$('#nav-fix').css({"position":"fixed","top":"0px","z-index":"999"});
}else{
$('#nav-fix').css({"position":"relative","top":"0px","z-index":"999"});
}
}
)
相关文章推荐
- web前端,jquery实现瀑布流总结6,jQuery 事件 - scroll() 方法 滚动
- 开发小技巧: 如何在jQuery中禁用或者启用滚动事件.scroll
- 开发小技巧: 如何在jQuery中禁用或者启用滚动事件.scroll
- js处理局部scroll事件禁止外部scroll滚动解决办法,jquery.mousewheel.js处理时禁止办法说明
- 开发小技巧: 如何在jQuery中禁用或者启用滚动事件.scroll
- jquery.scrollfollow.js 浏览器上下滚动(浮动)
- Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
- jquery.scrollfollow.js 浏览器上下滚动(浮动)
- 用 jQuery 实现页面滚动(Scroll)效果的完美方法
- jQuery 实现 Scroll to Top 滚动到页面顶部
- 利用JQuery对被隐藏的列表(ul)元素(li)强制进行滚动(Scroll)的办法
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- js 悬浮漂浮 及jquery的滚动事件
- jquery simpleScroll 图片滚动
- 配合鼠标滚轮事件的可自定义样式的区域滚动条插件(基于jquery)
- 解决android中HorizontalScrollView的滚动事件与组件的Touch冲突问题
- jquery 滚动条事件
- jquery的滚动事件
- Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
- jQuery.scroll jQuery自带的Div滚动插件