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 相关文章推荐
基于JQuery的日期联动实现代码
Feb 24 Javascript
jquery 操作表格实现代码(多种操作打包)
Mar 20 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
jQuery实现限制文本框的输入长度
Jan 11 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
JS实现放大镜效果
Sep 21 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
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应用提速面面观
2006/10/09 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
php将文件夹打包成zip文件的简单实现方法
2016/10/04 PHP
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
python ip正则式
2009/05/07 Python
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Flask框架通过Flask_login实现用户登录功能示例
2018/07/17 Python
python3.6数独问题的解决
2019/01/21 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
python and or用法详解
2019/06/26 Python
如何在django中添加日志功能
2020/02/06 Python
简单了解python列表和元组的区别
2020/05/14 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
大学生毕业自我鉴定
2013/11/06 职场文书
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
小学生寒假家长评语
2014/04/16 职场文书
女生抽烟检讨书
2014/10/05 职场文书
2019公司管理制度
2019/04/19 职场文书
frg-100简单操作(设置)说明
2022/04/05 无线电