我是靠谱客的博主 无限钻石,最近开发中收集的这篇文章主要介绍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实现当滑动到一定位置时固定效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(150)

评论列表共有 0 条评论

立即
投稿
返回
顶部