简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:895 次  日期:2014-09-11 12:03:05

温馨提示:易贤网小编为您整理了“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" />

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:通过批处理修改DNS的代码
下一篇:图片动画横条广告带上下滚动的JS代码
易贤网手机网站地址:jQuery设置div一直在页面顶部显示的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!