我想在页面加载时缩小我的导航，并从导航中删除徽标

Question

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

上面的代码是我的jquery，用于尝试显示和隐藏图像，并且＃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将字符串“ 116px”与javascript中的数字进行比较总是返回false，因此您永远不会隐藏徽标。 ScollTop返回一个整数，将其与116进行简单比较

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