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 相关文章推荐
用js实现预览待上传的本地图片
Mar 15 Javascript
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
javascript获取选中的文本的方法代码
Oct 30 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
JS实现关键字搜索时的相关下拉字段效果
Aug 05 Javascript
jQuery中andSelf()方法用法实例
Jan 08 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
微信小程序前端自定义分享的实现方法
Jun 13 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 Javascript
js+h5 canvas实现图片验证码
Oct 11 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
PHP6 先修班 JSON实例代码
2008/08/23 PHP
如何使用FireFox插件FirePHP调试PHP
2013/07/23 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
PHP实现唤起微信支付功能
2019/02/18 PHP
javascript中的undefined 与 null 的区别  补充篇
2010/03/17 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
jQuery实现背景滑动菜单
2016/12/02 Javascript
通过示例彻底搞懂js闭包
2017/08/10 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
微信小程序—setTimeOut定时器的问题及解决
2019/07/26 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
vue制作抓娃娃机的示例代码
2020/04/17 Javascript
JavaScript 类的封装操作示例详解
2020/05/16 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
python安装Scrapy图文教程
2017/08/14 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
python实现AES加密和解密
2019/03/27 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
香港士多网上超级市场:Ztore
2021/01/09 全球购物
应聘文员自荐信范文
2014/03/11 职场文书
水利水电专业自荐信
2014/07/08 职场文书
2014年教研室工作总结
2014/12/06 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
关于vue-router-link选择样式设置
2022/04/30 Vue.js