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 powerFloat万能浮动层下拉层插件使用介绍
支持hover, click, focus以及无事件触发；支持多达12种位置的定位，出界自动调整；支持页面元素加载，Ajax加载，下拉列表，提示层效果，tip类效果等；可自定义装载容器；内置UI不错的装载容器；支持鼠标跟随等。2010-12-12
本文将详细介绍jquery miniui 教程 表格控件 合并单元格的应用，需要的朋友可以参考下2012-11-11
快速回到页首的方法有很多，在本文为大家介绍下使用jquery是如何做到的2013-12-12
这篇文章主要介绍了JQuery1.8 如何判断元素是否绑定事件,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery实现鼠标划过修改样式的方法,涉及jQuery针对鼠标事件及样式操作的技巧,是jQuery鼠标事件的典型应用,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章介绍了Jquery定义对象(闭包)与扩展对象成员的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
本文给大家详细讲解的是如何利用jquery.more.js实现点击加载更多后在本页面内下面加载数据，十分的实用，有需要的小伙伴可以参考下。2015-05-05
jQuery获得IE版本不准确webbrowser的解决方法
用$.browser.version经常出现一些不准确的状况，最近碰到，做了一些总结，不知道是否全面2014-02-02
这篇文章主要介绍了jQuery UI插件实现百度提词器效果，每个输入框中有相应的文字提示,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
密码框提示文字的功能还是比较实用的，下面为大家介绍下使用jquery简单的实现下，喜欢的朋友可以参考下2013-08-08
最新评论