如何解决在滚动粘性标题上显示徽标
我正在尝试创建一个函数,当用户开始滚动页面时显示站点的徽标,然后在用户滚动回顶部时再次隐藏它。为什么我的代码不起作用?
jQuery(function($){
$(window).scroll(function(){
if($(window).scrollTop() > 0) {
$('.navi-logo').show();
} else {
$('.navi-logo').hide();
}
});
});
<div id="header-main" class="header-bottom">
<div class="header-bottom-inner" id="main-navigation">
<div class="container">
<div class="row">
<div class="col-md-0">
<div id="navi-logo">
<?php get_template_part( 'template-parts/header/header','logo' ); ?>
</div>
</div><!--.col-md-0-->
</div><!--.row-->
</div><!-- .container -->
<div class="container">
<div class="row">
<div class="col-md-00">
<div class="site-navigation pull-right">
<?php get_template_part( 'template-parts/header/header','menu' ); ?>
</div><!-- .site-navigation -->
</div><!--.col-md-00-->
</div><!--.row-->
</div><!-- .container -->
</div><!--.header-bottom-inner-->
</div><!--.header-bottom-->
解决方法
你有身份证
<div id="navi-logo">
并在您的 js 中尝试选择为类
$('.navi-logo').show();
也许使用 id-selector 就足够了:
$('#navi-logo').show();
,
当您向上或向下滚动页面时,您的功能永远不会转到其他地方。也许您需要一个当前的滚动位置,如果您的滚动低于当前位置,则转到其他位置。 但是当您的功能启动时,您当前的位置会一直刷新。你需要解决这个问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。