海阔天空

手机扫码查看

// 菜单固定
$(function(){
//获取要定位元素距离浏览器顶部的距离
var navH = $(".pc_box_main_nav").offset().top;
//滚动条事件
$(window).scroll(function(){
//获取滚动条的滑动距离
var scroH = $(this).scrollTop();
//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
if(scroH>=navH){
$(".pc_box_main_nav").css({"position":"fixed","top":"0","width":"70%"});
}else if(scroH<navH){
$(".pc_box_main_nav").css({"position":"relative","width":"100%"});
}
})
})