 
<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部分

復(fù)制代碼代碼如下:

 
<div id="pordAttr"> 
<input type="text" value="奇異果" id="txtSearchImage" runat="server" /> 
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> 
</div> 

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)下滑菜單導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)下滑菜單導(dǎo)航效果代碼,通過jquery操作鼠標(biāo)事件及頁面樣式動態(tài)操作實(shí)現(xiàn)下滑菜單導(dǎo)航功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08
jquery獲取table指定行和列的數(shù)據(jù)方法(當(dāng)前選中行、列)
下面小編就為大家?guī)硪黄猨query獲取table指定行和列的數(shù)據(jù)方法(當(dāng)前選中行、列)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
將鼠標(biāo)焦點(diǎn)定位到文本框最后（代碼分享）
本文主要分享了將鼠標(biāo)焦點(diǎn)定位到文本框最后的實(shí)例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jQuery圖片切換插件jquery.cycle.js使用示例
Cycle供了非常好的功能來幫助大家更簡單的使用插件的幻燈功能，下面是它的一個(gè)非常不錯(cuò)的示例，大家可以學(xué)習(xí)下
2014-06-06
jquery實(shí)現(xiàn)的導(dǎo)航固定效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的導(dǎo)航固定效果,需要的朋友可以參考下
2014-04-04
jQuery+css實(shí)現(xiàn)百度百科的頁面導(dǎo)航效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)百度百科的頁面導(dǎo)航效果,需要的朋友可以參考下
2014-12-12
jQuery.holdReady()使用方法
jQuery.holdReady()方法允許jQuery的完成事件被該函數(shù)鎖定，下面為大家介紹下其具體的使用
2014-05-05
簡單實(shí)現(xiàn)jQuery上傳圖片顯示預(yù)覽功能
這篇文章主要教大家如何簡單實(shí)現(xiàn)jQuery上傳圖片顯示預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
淺談jQuery中 wrap() wrapAll() 與 wrapInner()的差異
本文結(jié)合W3School的文檔，分析了jQuery中 wrap() wrapAll() 與 wrapInner()的差異，并給出了圖文對比教程，非常的簡單實(shí)用，有需要的朋友可以參考下
2014-11-11
Jquery.LazyLoad.js修正版下載，實(shí)現(xiàn)圖片延遲加載插件
之前一直有關(guān)注過Jquery.LazyLoad.js這個(gè)特效，但一直沒有用，這幾天研究了一下，并應(yīng)用于實(shí)際中，對網(wǎng)站SEO方面沒有什么幫助，不過可以節(jié)省一些流量，對于大網(wǎng)站來說顯的尤為重要，至于節(jié)省了多少流量我無從統(tǒng)計(jì)。
2011-03-03