 
#topmenu{position:absolute;top:100px;background:#4b4a4a;width:100%;margin:0 auto;clear:both;overflow:hidden;z-index:998;left:0} 

<script type="text/javascript"> 
jQuery(document).ready(function() { 
var topmenu = jQuery("#topmenu"); 
var topmenu_top = topmenu.offset().top; 
reset_topmenu_top(topmenu, topmenu_top); 
jQuery(window).scroll(function() { 
reset_topmenu_top(topmenu, topmenu_top); 
}); 
}); 
function reset_topmenu_top(topmenu, topmenu_top) { 
var document_scroll_top = jQuery(document).scrollTop(); 
if (document_scroll_top > topmenu_top) { 
topmenu.css('top', document_scroll_top); 
} 
if (document_scroll_top <= topmenu_top) { 
topmenu.css('top', topmenu_top); 
} 
} 
</script> 

效果圖如下：

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)文字與圖片拖拽效果的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)文字與圖片拖拽效果的方法,涉及javascript操作文字與圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
JS簡(jiǎn)單獲取并修改input文本框內(nèi)容的方法示例
這篇文章主要介紹了JS簡(jiǎn)單獲取并修改input文本框內(nèi)容的方法,結(jié)合實(shí)例形式分析了JavaScript針對(duì)頁(yè)面元素的獲取、賦值等相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
Bootstrap入門(mén)書(shū)籍之（四）菜單、按鈕及導(dǎo)航
這篇文章主要介紹了Bootstrap入門(mén)書(shū)籍之（四）菜單、按鈕及導(dǎo)航的相關(guān)資料,需要的朋友可以參考下
2016-02-02
js中作用域的實(shí)例解析
本文主要通過(guò)幾個(gè)實(shí)例對(duì)js中作用域進(jìn)行詳細(xì)解析，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
原生JS實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)圖片輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript獲取多個(gè)數(shù)組的交集簡(jiǎn)單實(shí)例
這篇文章介紹了JavaScript獲取多個(gè)數(shù)組的交集簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下
2013-11-11
Google排名中的10個(gè)最著名的 JavaScript庫(kù)
本文，我們將使用 Google 搜索出排名前 10 位的 JavaScript 庫(kù)，并對(duì)它們逐一進(jìn)行介紹。
2010-04-04
基于復(fù)選框demo(分享)
下面小編就為大家?guī)?lái)一篇基于復(fù)選框demo(分享)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
基于Bootstrap的Java開(kāi)發(fā)問(wèn)題匯總（Spring MVC）
這篇文章主要為大家匯總了基于Bootstrap的Java開(kāi)發(fā)問(wèn)題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
javascript實(shí)用方法總結(jié)
本文這里給大家總結(jié)了一些常用的javascript方法，都是些短小精悍的小代碼，提高執(zhí)行效率，這里推薦給大家。
2015-02-02