滚动切换导航
2020/07/07 08:59:05
我的代码：
header.htm里
jq代码
我的是因为还涉及隐藏搜索框，所以多个搜索框的show和hide。
header.htm里
- <!--{if $_G['tid']}--><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><!--{/if}-->
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。