手机
当前位置:查字典教程网 >编程开发 >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实现html表格动态添加新行的方法

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

js实现带按钮的上下滚动效果

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

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

jquery实现用户打分评分特效

jQuery的Scrollify插件实现滑动到页面下一节点

jQuery实现不断闪烁文字的方法

精品推荐
分类导航