当页面加载并从导航中移除徽标时，我想使导航器变小。

Question

$(window).scroll(function(){
            if($(document).scrollTop() < '116px'){
                 $('#logo_top').hide();
            } else {
                $('#logo_top').show();
            }
        });

上面的代码是我用来试图显示和隐藏图像的jquery，当图像disipares时，#navi-top必须向上移动。

这是我的固定导航的html：

    <div id="navi" class="overflow">
        <div class="push-off-left-m">
            <div id="search-top" >

                <input id="search-box" onfocus="removeValue()" type="text" placeholder="EQUINITI GROUP" value="">
                <button id="btn-search"><img src="img/arrows.png" alt="arrows"></button>
            </div>
        </div>
            <div id="navi-top" class="push-off-right-s">
                <ul>
                    <li><a href="#">The Group</a></li>
                    <li><a href="#" class="active">Working Together</a></li>
                    <li><a href="#">Paymaster</a></li>
                    <li><a href="#">Claybrook</a></li>
                    <li><a href="#">Vote for a sidekick</a></li>
                </ul>
            </div>
            <div id="logo_top" class="push-off-left-m" ><img src="img/logo.png" alt="EQUINITI GROUP"></div>


    </div>

Answer 1

使用lessThan将字符串‘116 in’与javascript中的数字进行比较总是返回false，因此您永远不会隐藏您的徽标。ScollTop返回一个整数，简单地将其与116号进行比较

$(window).scroll(function(){
    if($(document).scrollTop() < 116){
         $('#logo_top').hide();
    } else {
        $('#logo_top').show();
    }
});