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

336 阅读 0 评论 222 点赞

我是靠谱客的博主无限钻石，这篇文章主要介绍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> 