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


  本文标签:jQuery,div,页面顶部

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>