jQuery设置div一直在页面顶部显示的方法


Posted in Javascript onOctober 24, 2013

jQuery部分

<script src="JS/jquery-1.8.3.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
var elm = $('#pordAttr'); 
var startPos = $(elm).offset().top; 
$.event.add(window, "scroll", function () { 
var p = $(window).scrollTop(); 
$(elm).css('position', ((p) > startPos) ? 'fixed' : 'static'); 
$(elm).css('top', ((p) > startPos) ? '0px' : ''); 
}); 
}); 
</script>

HTML部分
<div id="pordAttr"> 
<input type="text" value="奇异果" id="txtSearchImage" runat="server" /> 
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> 
</div>
Javascript 相关文章推荐
JavaScript与函数式编程解释
Apr 27 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
Jun 21 Javascript
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
Jul 09 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
浅谈jquery上下滑动的注意事项
Oct 13 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
微信小程序开发背景图显示功能
Aug 08 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
socket在egg中的使用实例代码详解
May 30 Javascript
three.js利用卷积法如何实现物体描边效果
Nov 27 Javascript
vue开发简单上传图片功能
Jun 30 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 #Javascript
JS 获取滚动条高度示例代码
Oct 24 #Javascript
通过javascript把图片转化为字符画
Oct 24 #Javascript
js编写trim()函数及正则表达式的运用
Oct 24 #Javascript
原生JS实现加入收藏夹的代码
Oct 24 #Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
Oct 24 #Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 #Javascript
You might like
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php读取excel文件的简单实例
2013/08/26 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
php的crc32函数使用时需要注意的问题(不然就是坑)
2015/04/21 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
jquery validate poshytip 自定义样式
2012/11/26 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python实现简单http服务器
2018/04/12 Python
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
numpy中矩阵合并的实例
2018/06/15 Python
Python模拟自动存取款机的查询、存取款、修改密码等操作
2018/09/02 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Python for循环与getitem的关系详解
2020/01/02 Python
如何清空python的变量
2020/07/05 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
考博自荐信
2013/10/25 职场文书
医学类导师推荐信范文
2013/11/19 职场文书
求职教师自荐书
2014/06/19 职场文书
完整版商业计划书
2014/09/15 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
2014年小学数学教师工作总结
2014/12/03 职场文书