手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现当滑动到一定位置时固定效果
jquery实现当滑动到一定位置时固定效果
摘要:复制代码代码如下:$.fn.silde=function(){varposition=function(element){vartop=el...

复制代码 代码如下:

<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实现不断闪烁文字的方法

jQuery实现转动随机数抽奖效果的方法

JQuery实现动态添加删除评论的方法

jquery实现的判断倒计时是否结束代码

jquery实现用户打分评分特效

基于jquery实现下拉框美化特效

jQuery实现表格行上下移动和置顶效果

JQuery实现带排序功能的权限选择实例

jquery滚动特效集锦

jQuery实现鼠标经过图片变亮其他变暗效果

精品推荐
分类导航