在滚动粘性标题上显示徽标
在滚动粘性标题上显示徽标
提问于 2021-07-11 20:03:17
我正在尝试创建一个函数，当用户开始滚动页面时显示站点的徽标，然后当用户滚动回到顶部时再次隐藏它。为什么我的代码不能工作？
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-->回答 2
Stack Overflow用户
回答已采纳
发布于 2021-07-12 16:47:53
您正在使用一个id
<div id="navi-logo">并在你的js中尝试选择as class
$('.navi-logo').show();也许使用id-selector就足够了：
$('#navi-logo').show();Stack Overflow用户
发布于 2021-07-12 18:20:53
当你向上或向下滚动你的页面时，你的函数永远不会转到其他地方。也许你需要一个当前的滚动位置，如果你的滚动比当前位置低，就会转到其他位置。但是当你的函数启动时，你的当前位置会一直刷新。你需要解决这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68336036
复制相关文章
相似问题
腾讯云开发者
