jquery实现当滑动到一定位置时固定效果


Posted in Javascript onJune 17, 2014
<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>
Javascript 相关文章推荐
深入理解javascript学习笔记(一) 编写高质量代码
Aug 09 Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
javascript实现简单的进度条
Jul 02 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
Dec 08 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
原生JS中应该禁止出现的写法
May 05 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 #Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 #Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 #Javascript
jQuery循环滚动新闻列表示例代码
Jun 17 #Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 #Javascript
javascript 获取HTML DOM父、子、临近节点
Jun 16 #Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 #Javascript
You might like
下载文件的点击数回填
2006/10/09 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
[47:45]Liquid vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python修改Excel数据的实例代码
2013/11/01 Python
python 网络编程详解及简单实例
2017/04/25 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
详谈tensorflow gfile文件的用法
2020/02/05 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
Python的3种运行方式:命令行窗口、Python解释器、IDLE的实现
2020/10/10 Python
详解background属性的8个属性值(面试题)
2020/11/02 HTML / CSS
中学生在校期间的自我评价分享
2013/11/13 职场文书
美术师范毕业生自荐信
2013/11/16 职场文书
大学生入党思想汇报
2014/01/14 职场文书
社区助残日活动总结
2014/08/29 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
普通党员对照检查材料
2014/09/24 职场文书
防火标语大全
2014/10/06 职场文书
父亲去世追悼词
2015/06/23 职场文书
同学聚会致辞集锦
2015/07/28 职场文书
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
无线电通信名词解释
2022/02/18 无线电
vue数据字典取键值项目的字典问题
2022/04/12 Vue.js