<div class="col-xs-12 text-center normal" id="logo">
    <div>
        <a href="/"><img class="logo-img" src="template/img/ico/logo.png"></a>
    </div>
</div>
<div class="col-xs-12 text-center hide" id="logo_fix">
    <div>
        <a href="/"><img class="logo-img" src="template/img/ico/logo.png"></a>
    </div>
</div>

$(document).ready(function(){
var $menu = $('#logo');
var $menufix = $('#logo_fix');
$('body').scroll(function(){
        if ( $(this).scrollTop() > 1 && $menu.hasClass('normal') && $menufix.hasClass('hide') ){
                $menu.removeClass('normal').addClass('hide');
                $menufix.removeClass('hide').addClass('normal');
        }
        else if($(this).scrollTop() <= 1 && $menu.hasClass('hide') && $menufix.hasClass('normal')) {
                $menu.removeClass('hide').addClass('normal');
                $menufix.removeClass('normal').addClass('hide');
        }
});

#logo_fix {
    position: fixed;
    left: 0;
    right: 0;
    height: 40px;
    z-index: 9;
    background: #fff;
    padding: 5px;