jquery实现当滑动到一定位置时固定效果

更新时间：2014年06月17日 10:23:20 投稿：whsnow

这篇文章主要介绍了jquery实现当滑动到一定位置时固定效果,需要的朋友可以参考下

 
<script type="text/javascript"> 
$.fn.silde = function() { 
var position = function(element) { 
var top = element.position().top, pos = element.css 
("position"); 
$(window).scroll(function() { 
var scrolls = $(this).scrollTop(); 
if (scrolls > top) { 
if (window.XMLHttpRequest) { 
element.css({ 
position: "fixed", 
top: 0, 
left:1080, 
"margin-left":"0px", 

}); 
} else { 
element.css({ 
top: scrolls, 
"margin-left":"20px" 
}); 
} 
}else { 
element.css({ 
position: pos, 
top: top, 
"margin-left":"20px" 
}); 
} 
}); 
}; 
return $(this).each(function() { 
position($(this)); 

}); 
}; 
$("#ding").silde(); 
</script> 

您可能感兴趣的文章:

jQuery经过一段时间自动隐藏指定元素的方法
这篇文章主要介绍了jQuery经过一段时间自动隐藏指定元素的方法,实例分析了两种比较常用的技巧,非常具有实用价值,需要的朋友可以参考下
2015-03-03
jQuery each函数源码分析
jquery each函数的使用频率非常高，下面给大家介绍jQuery each函数源码分析，一起看看吧
2016-05-05
jquery简单实现网页层的展开与收缩效果
这篇文章主要介绍了jquery简单实现网页层的展开与收缩效果的方法,涉及jquery中toggle结合animate方法操作页面元素属性的相关技巧,非常简单实用,需要的朋友可以参考下
2015-08-08
jquery点击展示与隐藏更多内容
这篇文章主要为大家详细介绍了jquery点击展示与隐藏更多内容的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
Jquery $.getJSON 在IE下的缓存问题解决方法
$.getJSON 的url都是相同的问题来了我修改或者新增树节点然后刷新tree IE竟然毫无变化在其他浏览器上面都OK，于是搜到一个可行的解决方法
2014-10-10
在jquery中combobox多选的不兼容问题总结
最近在IE10中开发jquery，关于jquery中combobox多选不能兼容的问题，进行一些总结，感兴趣的朋友可以了解下
2013-12-12
jQuery中unwrap()方法用法实例
这篇文章主要介绍了jQuery中unwrap()方法用法,实例分析了unwrap()方法的定义、功能及移除匹配元素父元素的使用技巧,需要的朋友可以参考下
2015-01-01
基于jquery的$.ajax async使用
默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行
2011-10-10
jQuery实现在textarea指定位置插入字符或表情的方法
这篇文章主要介绍了jQuery实现在textarea指定位置插入字符或表情的方法,实例分析了jQuery操作表单元素的技巧,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
jQuery中bind与live的用法及区别小结
本篇文章主要是对jQuery中bind与live的用法以及区别进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01