滚动切换导航

admin · 发表于 2020-7-7 08:59:05

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

我的代码：
header.htm里

<div class="navbar-nav"><div class="navbar-topic-title"><h1><a href="forum.php?mod=forumdisplay&fid={$_G['forum']['fid']}"><span class="node">[{$_G['forum']['name']}]</span></a><a href="forum.php?mod=viewthread&tid={$_G['tid']}" class="topic-title" title="{$_G['thread']['subject']}" data-type="top">{$_G['thread']['subject']}</a></h1></div></div>

复制代码

jq代码

<script> jQuery(function(){ var nav=jQuery("ul.nav"); //得到导航对象 var articletitle=jQuery(".navbar-topic-title");//得到内容标题容器 var win=jQuery(window); //得到窗口对象 var sc=jQuery(document);//得到document文档对象。 win.scroll(function(){ if(sc.scrollTop()>=100){ nav.hide(); articletitle.show(); jQuery(".navbar-form").hide(); jQuery(".navbar-topic-title").fadeIn(); }else{ nav.show(); articletitle.hide(); jQuery(".navbar-form").show(); jQuery(".navbar-topic-title").fadeOut(); } })})</script>

复制代码

我的是因为还涉及隐藏搜索框，所以多个搜索框的show和hide。

©dz插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
如有侵权请邮件与我们联系处理:discuz-x@qq.com（手机随时接收邮件）并出示相关证明以便删除。敬请谅解！

滚动切换导航

马上注册，免费下载更多dz插件网资源。

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com