欢迎来到51自学网!

51自学网

当前位置: 主页 > 网络编程 >

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

时间:2018-07-28 01:07来源:网络整理 作者:51自学网
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", f
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>
<input type="text" value="奇异果" runat="server" />
<asp:Button runat="server" Text="Button" />
</div>

您可能感兴趣的文章:

(责任编辑:admin)

织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容