菜单滚动网页后div菜单置顶悬浮

我们经常看到一些网站滚动到一定高度后导航菜单自动悬浮置顶显示,下面的代码就可以实现此功能:

<script type=”text/javascript”>
?$(function(){
//获取要定位元素距离浏览器顶部的距离
var navH = $(“.header_main”).offset().top;
//滚动条事件
$(window).scroll(function(){
//获取滚动条的滑动距离
var scroH = $(this).scrollTop();
//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
if(scroH>=navH){
$(“.header_main”).css({“position”:”fixed”,”top”:0});
}else if(scroH<navH){
$(“.header_main”).css({“position”:”static”});
}
})
})
</script>

使用方法:把class改成要置顶悬浮的菜单class就可以;

本站资源来自网络整合和用户自行上传,部分内容为本站原创,若有侵犯您的权益,请您联系我们告知,我们将在第一时间删除!本网站所有资源内容仅供个人学习参考,请勿用于商业用途!
CMS源码库 » 菜单滚动网页后div菜单置顶悬浮

CMS源码库为您提供优质的资源集合

立即查看 了解详情