Como pegar a distância de uma div para o topo e o rodapé da página?

var div = $( "#divId" );
var position = div.position();

var topo = position.top;

var div = $( "#divId" );
var offset = div.offset();

var topo = offset.top;

var topo = document.getElementById("divId").style.top;