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中的eval函数
Nov 02 Javascript
AJAX 网页保留浏览器前进后退等功能
Feb 12 Javascript
jQuery :first选择器使用介绍
Aug 09 Javascript
js的alert样式如何更改如背景颜色
Jan 22 Javascript
java必学必会之static关键字
Dec 03 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
Feb 02 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中simplexml_load_string函数使用说明
2011/01/01 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
找到一点可怜的关于dojo资料,谢谢作者!
2006/12/06 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
原生js实现分页效果
2020/09/23 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
Python 下载及安装详细步骤
2019/11/04 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
Python 合并拼接字符串的方法
2020/07/28 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
软件设计的目标是什么
2016/12/04 面试题
预备党员入党思想汇报
2014/01/04 职场文书
十佳青年个人事迹材料
2014/01/28 职场文书
开业庆典主持词
2014/03/21 职场文书
初中学生评语大全
2014/04/24 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
单位实习鉴定评语
2015/01/04 职场文书
土建施工员岗位职责
2015/04/11 职场文书
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python