HTML
首先我们先放置一个ul导航菜单。
<div class="header large">
<ul class="nav">
<li><a class="cur" href="https://jy.tp.yuanmeng.life/" title="首页">首页</a></li>
<li><a href="https://jy.tp.yuanmeng.life/templates" title="模板">网站模板</a></li>
<li><a href="https://jy.tp.yuanmeng.life/js" title="网页特效">网页特效</a></li>
<li><a href="https://jy.tp.yuanmeng.life/psd" title="网站psd">网站psd</a></li>
</ul>
</div> 当滚动条下拉滚动高度超过100时,给菜单的父节点.header加上样式。
$(function(){
$(window).on('scroll', function(){
if($(window).scrollTop() > 100){
$('.header').removeClass('large').addClass('small');
} else {
$('.header').removeClass('small').addClass('large');
}
});
});
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
