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创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
js获取图片宽高的方法
Nov 25 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
Oct 27 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
Feb 27 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翻页类
2009/06/01 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
javascript Object与Function使用
2010/01/11 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
详解jQuery中的事件
2016/12/14 Javascript
react-native 完整实现登录功能的示例代码
2017/09/11 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
简单了解JavaScript arguement原理及作用
2020/05/28 Javascript
Python 调用DLL操作抄表机
2009/01/12 Python
Python求解平方根的方法
2015/03/11 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Linux下python3.7.0安装教程
2018/07/30 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
Python列表推导式实现代码实例
2020/09/09 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
利用python实现汉诺塔游戏
2021/03/01 Python
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
网络、C以及其他硬件方面的面试题
2016/08/23 面试题
结婚典礼证婚词
2014/01/11 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
股份合作协议书
2014/04/12 职场文书
员工2014年度工作总结
2014/12/09 职场文书
教师党员承诺书2015
2015/01/21 职场文书
团支部书记竞选稿
2015/11/21 职场文书
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS