Como executar animate para somente um determinado item do html?

[Brxlx 0]

Estou tentando inserir essa lógica no scroll da minha página, ele pega corretamente a condição do ife entra no laço. Para todos os demais elementos da página que geram o scroll, ele rola certo, apenas para o button#conheca que não consigo fazer o cálculo da altura. Preciso que ele pegue o offset e some com a altura, devido ao menu que abre em mobile, mas ele está sendo sobrescrito pelo scrollTop anterior.

Com qual função devo verificar para executar corretamente a lógica?

 if($(window).width() <= 768){


    $("html, body, button:not(#conheca)").animate({

      scrollTop: (target.offset().top - $(window).height())


    }, 1000, "easeInOutExpo");
    return false;
    $("#conheca").on("click", function(){ 

      $('#conheca').animate({
        scrollTop: (target.offset().top + $(window).height())

      }, 1000, "easeInOutExpo");
      return false;
    });

  }else{
    $('html, body').animate({
      scrollTop: (target.offset().top)

    }, 1000, "easeInOutExpo");
    return false;
  }