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或css实现滚动广告的几种方案
Jan 28 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
May 07 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
Sep 24 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
Jan 24 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
详细谈谈AngularJS的子级作用域问题
Sep 05 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
Jun 05 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
代码实例ajax实现点击加载更多数据图片
Oct 12 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高手需要要掌握的知识点
2014/08/21 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
js charAt的使用示例
2014/02/18 Javascript
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
基于JavaScript代码实现随机漂浮图片广告
2016/01/05 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
用python代码做configure文件
2014/07/20 Python
python实现单向链表详解
2018/02/08 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
python pygame实现2048游戏
2018/11/20 Python
python Tkinter的图片刷新实例
2019/06/14 Python
Python PyCharm如何进行断点调试
2019/07/05 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
python中的django是做什么的
2020/07/31 Python
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
党的群众路线教育实践活动个人对照检查剖析材料
2014/09/23 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏
python 学习GCN图卷积神经网络
2022/05/11 Python
Django中celery的使用项目实例
2022/07/07 Python