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 相关文章推荐
js监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
过虑特殊字符输入的js代码
Aug 05 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
js+ajax实现获取文件大小的方法
Dec 08 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
vue-dialog的弹出层组件
May 25 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
Dec 27 Javascript
react native 仿微信聊天室实例代码
Sep 17 Javascript
JavaScript undefined及null区别实例解析
Jul 21 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面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
jquery移除button的inline onclick事件(已测试及兼容浏览器)
2013/01/25 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
Javascript 实现全屏滚动实例代码
2016/12/31 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
2017/03/08 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
如何解决vue在ios微信&quot;复制链接&quot;功能问题
2020/03/26 Javascript
python使用三角迭代计算圆周率PI的方法
2015/03/20 Python
简单的python后台管理程序
2017/04/13 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Python制作简易版小工具之计算天数的实现思路
2020/02/13 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
行政助理岗位职责范文
2013/12/03 职场文书
财会自我鉴定范文
2013/12/27 职场文书
优秀教师事迹简介
2014/02/02 职场文书
弄虚作假心得体会
2014/09/10 职场文书
2015年春节标语口号
2014/12/09 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android