Question

我有2个徽标，一个大，一个小。当我向下滚动页面时，较小的徽标加载和较大的（原始的消息）。真正整洁的是当我向上滚动页面时，更大的徽标重新出现，但问题是，小徽标仍然可见。怎么会？我究竟做错了什么？

请注意，我已经尝试在第二个功能中切换事件。

<script>
    $(window).on('scroll', function() {
    var value = $(this).scrollTop();
    if ( value < 100 )
        $("#logo").css("display", "none");    
        $("#smalllogo").css("display", "inline");      
    });


    $(window).on('scroll', function() {
    $("#logo").toggle($(this).scrollTop() < 100);
});
</script>

HTML

            <a class="" href="index.html">

                <?php if ($logo) { ?>
                    <div id="logo" style="padding-bottom: 30px;">
                        <a href="<?php echo $home; ?>"><img src="logo.png"></a></div>
                <?php } ?>

                <div id="smalllogo">
                    <a href="index.php"><img src="image/smalllogo.png"></a>
                </div>

            </a>

相关的CSS

#smalllogo{
    display: none;
}

提前致谢

Answer 1

我想你只是以其他方式切换它？

$(window).on('scroll', function() {
    $("#logo").toggle($(this).scrollTop() < 100);
    $("#smalllogo").toggle($(this).scrollTop() > 100);
});

滚动备份时使第二个徽标消失

1 个答案: