手机
当前位置:查字典教程网 >编程开发 >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实现动态改变div宽度和高度

jQuery实现的多屏图像图层切换效果实例

jQuery实现表格行上移下移和置顶的方法

jquery简单实现外部链接用新窗口打开的方法

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

jquery滚动特效集锦

JS+CSS实现的拖动分页效果实例

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

js操作css属性实现div层展开关闭效果的方法

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

精品推荐
分类导航