html导航 如何随页面下拉滚动 页面头部固定不变

今天在做一个页面的时候,需要在页面往下拉的时候,导航固定住。

那么,如何做呢?我的方法是用jQuery代码和CSS来实现。

<script type=”text/javascript”>
$(window).scroll(function() {
var $topMenuScroll=$(window).scrollTop();
if($topMenuScroll>=550){
$(“.topMenu”).addClass(“scrollNav”);
}else
{
$(“.topMenu”).removeClass(“scrollNav”);
}
})
</script>

在这里,topMenu就是导航。那么,需要给新增加的.scroll的属性是position:fixed;top:0px;

基本就可以实现了

Leave a Reply