吸顶菜单

知识点:
$(‘.nav’).offset():获取匹配元素在当前视口的相对偏移 offset().top offset().left
返回对象包含两个属性：top和left。 此方法只对可见元素有效

$(‘.nav’).width():取得匹配元素的当前计算的宽度值
参数：设定css中的width值，可以是字符串或者数字，还可以是一个函数。返回要设置的数值。

$(‘p’).width() 获取第一段的宽度
把所有的段落的宽度设为20
$(‘p’).width(20);

函数接受两个参数，第一个参数是元素在原先集合中的做因为只，第二个参数为原先的宽度。
function(index,width)

以10像素的复读增加p元素的宽度



$('button').click(function(){
$('p').width(function(n,w){
return w+10;
})
})

$(window).scroll()|| $(‘.div’).scroll 当页面滚动条变化时，执行的函数
scrollTop() 获取匹配元素相对滚动提条顶部的偏移
demo