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 一个函数对同一元素的多个事件响应
Jul 25 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
H5手机端多文件上传预览插件
Apr 21 Javascript
Three.js如何实现雾化效果示例代码
Sep 27 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
vue axios封装及API统一管理的方法
Apr 18 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
Aug 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 高级课程笔记 面向对象
2009/06/21 PHP
PHP常用代码大全(新手入门必备)
2010/06/29 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
php读取csc文件并输出
2015/05/21 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
JavaScript 反科里化 this [译]
2012/09/20 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
Java File类的常用方法总结
2015/03/18 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
2019/01/09 jQuery
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
sqlalchemy对象转dict的示例
2014/04/22 Python
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
python中的itertools的使用详解
2020/01/13 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
阿里旅行:飞猪
2017/01/05 全球购物
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
Java基础知识面试要点
2016/07/29 面试题
简短大学毕业感言
2014/01/18 职场文书
寒山寺导游词
2015/02/03 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书