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 相关文章推荐
地震发生中逃生十大法则
May 12 Javascript
Javascript 表单之间的数据传递代码
Dec 04 Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
通过url查找a元素并点击
Apr 09 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
Oct 31 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
May 09 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
js实现移动端吸顶效果
Jan 08 Javascript
VueX模块的具体使用(小白教程)
Jun 05 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
SONY SRF-40W电路分析
2021/03/02 无线电
在线增减.htpasswd内的用户
2006/10/09 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
php 输出json及显示json中的中文汉字详解及实例
2016/11/09 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
Jquery cookie操作代码
2010/03/14 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
javascript自然分类法算法实现代码
2013/10/11 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
2018/03/23 Javascript
微信小程序实现多选删除列表数据功能示例
2019/01/15 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
python科学计算之narray对象用法
2019/11/25 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
Python如何操作docker redis过程解析
2020/08/10 Python
机械专业个人求职自荐信格式
2013/09/21 职场文书
手机被没收检讨书
2014/02/22 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
2015年推普周活动总结
2015/03/27 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
红色故事汇观后感
2015/06/18 职场文书
工程进度款催款函
2015/06/24 职场文书
新闻发布会新闻稿
2015/07/17 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL