手机
当前位置:查字典教程网 >编程开发 >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仿gmail实现fixed布局的方法

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

jQuery实现html表格动态添加新行的方法

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

jQuery实现在列表的首行添加数据

JQuery+CSS实现图片上放置按钮的方法

jquery任意位置浮动固定层插件用法实例

精品推荐
分类导航