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图像处理—平滑处理实现原理
Dec 28 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
javascript实现的右下角弹窗实例
Apr 24 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
使用ionic播放轮询广告的实现方法(必看)
Apr 24 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
关于layui flow loading占位图的实现方法
Sep 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 设计模式之 单例模式
2008/12/19 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
PHP引用返回用法示例
2016/05/28 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
2015/04/16 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
微信小程序时间控件picker view使用详解
2018/12/28 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
2019/01/14 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
python学习教程之使用py2exe打包
2017/09/24 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
如何用Python合并lmdb文件
2018/07/02 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
Deux par Deux官方网站:设计师童装
2020/01/03 全球购物
机关办公室岗位职责
2014/04/16 职场文书
大学开学计划书
2014/04/30 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
离婚协议书该怎么写
2014/10/04 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
个人创业事迹材料
2014/12/30 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
golang DNS服务器的简单实现操作
2021/04/30 Golang