JetibenRong
我想有那么一段时光，可以在面朝大海的房车里煮上一杯咖啡，看看曾写过的代码
html导航 如何随页面下拉滚动 页面头部固定不变
本文发布于：2014-04-06
今天在做一个页面的时候，需要在页面往下拉的时候，导航固定住。
那么，如何做呢？我的方法是用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;
基本就可以实现了
JetibenRong
我想有那么一段时光，可以在面朝大海的房车里煮上一杯咖啡，看看曾写过的代码