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 相关文章推荐
Prototype 工具函数 学习
Jul 23 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
Angularjs 与 bower安装和使用详解
May 11 Javascript
Vue resource中的GET与POST请求的实例代码
Jul 21 Javascript
微信小程序 页面跳转事件绑定的实例详解
Sep 20 Javascript
JavaScript中Object基础内部方法图
Feb 05 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
浅析Vue.js中v-bind v-model的使用和区别
Dec 04 Javascript
CryptoJS中AES实现前后端通用加解密技术
Dec 18 Javascript
Vue实现多页签组件
Jan 14 Vue.js
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/01/17 PHP
thinkphp学习笔记之多表查询
2014/07/28 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
使用jQuery实现两个div中按钮互换位置的实例代码
2017/09/21 jQuery
禁止弹窗中蒙层底部页面跟随滚动的几种方法
2017/12/07 Javascript
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
Python图算法实例分析
2016/08/13 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
对Python3中bytes和HexStr之间的转换详解
2018/12/04 Python
Python 通过调用接口获取公交信息的实例
2018/12/17 Python
Python小进度条显示代码
2019/03/05 Python
Python 画出来六维图
2019/07/26 Python
Python Django view 两种return的实现方式
2020/03/16 Python
keras实现多种分类网络的方式
2020/06/11 Python
python接口自动化之ConfigParser配置文件的使用详解
2020/08/03 Python
Banggood官网:面向全球客户的综合商城
2017/04/19 全球购物
意大利在线药房:Saninforma
2021/02/11 全球购物
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
中秋节超市促销方案
2014/01/30 职场文书
体育个人工作总结
2015/02/09 职场文书
暑假安全保证书
2015/02/28 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
SpringBoot接入钉钉自定义机器人预警通知
2022/07/15 Java/Android