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" />