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 index()方法 获取相应元素索引值
Oct 12 Javascript
JS打印gridview实现原理及代码
Feb 05 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
用js实现博客打赏功能
Oct 24 Javascript
详解Node.js access_token的获取、存储及更新
Jun 20 Javascript
微信小程序如何使用globalData的方法
Jun 06 Javascript
基于form-data请求格式详解
Oct 29 Javascript
js+canvas实现转盘效果(两个版本)
Sep 13 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笔记 字符串处理
2010/10/19 PHP
10个简化PHP开发的工具
2014/12/25 PHP
php发送http请求的常用方法分析
2016/11/08 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
Javascript注入技巧
2007/06/22 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
jQuery根据ID、CLASS、等获取对象的实例
2016/12/04 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
基于Swiper实现移动端页面图片轮播效果
2017/12/28 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
python下载图片实现方法(超简单)
2017/07/21 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
在Django中实现添加user到group并查看
2019/11/18 Python
CSS3制作彩色进度条样式的代码示例分享
2016/06/23 HTML / CSS
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
销售自荐信
2013/10/22 职场文书
写给女生的道歉信
2014/01/08 职场文书
小学校园活动策划
2014/01/30 职场文书
产品质量承诺书
2014/03/27 职场文书
PHP RabbitMQ消息列队
2022/05/11 PHP