jQuery设置div一直在页面顶部显示的方法_Javascript教程-查字典教程网
jQuery设置div一直在页面顶部显示的方法
jQuery设置div一直在页面顶部显示的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:jQuery部分复制代码代码如下:$(function(){varelm=$('#pordAttr');varstartPos=$(elm)...

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" Text="Button" />

</div>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类