jQuery設(shè)置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" />