jQuery设置div一直在页面顶部显示的方法

时间:2013-10-24    点击:97   
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>
js 使FORM表单的所有元素不可编辑的示例代码
javascript中负数算术右移、逻辑右移的奥秘探索
jquery快捷动态绑定键盘事件的操作函数代码
js设置cookie过期及清除浏览器对应名称的cookie
javascript中的变量作用域以及变量提升详细介绍
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved