jquery置顶div的方法-转载自http://www.jb51.net脚本之家

最新推荐文章于 2023-04-01 16:31:10 发布

czliuming

最新推荐文章于 2023-04-01 16:31:10 发布

阅读量1.4k

点赞数

分类专栏：前端

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>