Como executar animate para somente um determinado item do html?

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;
 }