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 相关文章推荐
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
Jan 29 Javascript
BootStrap实用代码片段之一
Mar 22 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
详解关于React-Router4.0跳转不置顶解决方案
May 10 Javascript
JS实现简易留言板特效
Dec 23 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/11/10 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
laravel入门知识点整理
2020/09/15 PHP
javascript延时加载之defer测试
2012/12/28 Javascript
理解Javascript闭包
2013/11/01 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
2016/06/02 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
Python实现批量下载图片的方法
2015/07/08 Python
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
python重试装饰器的简单实现方法
2019/01/31 Python
Django之PopUp的具体实现方法
2019/08/31 Python
浅谈Python中的继承
2020/06/19 Python
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
屈臣氏泰国官网:Watsons TH
2021/02/23 全球购物
生物技术毕业生自荐信
2013/10/23 职场文书
司机岗位职责
2013/11/15 职场文书
小学语文教学反思
2014/02/10 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
学习十八大标语
2014/10/09 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书
小学语文教师竞聘演讲稿范文
2019/08/09 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书