En vue tengo un problema para obtener el desplazamiento superior de un elemento usando jq

cascada();

window.onscroll=function(){

var?parent=document.getElementById(" main");

var?box=getByClass(parent, "box");

var?scrollH=document.documentElement.scrollTop||document.body.scrollTop;

p>

var?documentH=scrollH+document.documentElement.clientHeight;

varlastH=boxes[boxes.length-1].offsetTop+Math.floor(boxes[boxes. length-1]. offsetHeight/2);

/*763*/

if(lastH-350

/*465*/

dataInt={"data":[{"src":"1.jpg"} ,{"src":"2.jpg"},{"src":"3.jpg"},{"src":"7.jpg"},{"src":"4.jpg"},{ "src":" 5. jpg"},{"src":"6.jpg"}]};

for(var?i=0;i

var?divB=document.createElement("div");

divB .className="box";

parent.appendChild(divB);

var?divP=document.createElement("div");

divP.className="pic";

divB.appendChild(divP);

myimg=document.createElement("img");

myimg.src="./images/"+dataInt.data[i].src;

divP.appendChild( myimg);

}

cascada();

}

}

}

}

función? cascada(){

var?oParent=document.getElementById("main");

var ?boxes=getByClass( oParent, "box");

var?boxW=boxes[0].offsetWidth;

var?num=Math.floor(document.documentElement.clientWidth /boxW);

oParent.style.cssText="ancho: "+boxW*num+"px;margin:0?auto;"

boxHarr=new?Array(); ;

for(var?i=0;i

if(i

boxHarr.push (cuadros [i].offsetHeight);

}else{

var?minH=Math.min.apply(null,boxHarr);

var?minHindex= getminHindex(boxHarr,minH);

cajas[i].style.position="absolute";

cajas[i].style.top=minH+"px ";

cajas[i].style.left=minHindex*boxW+"px";

// cajas[i].style.left=cajas[minHindex].offsetLeft+" px";

boxHarr[minHindex]=boxHarr[minHindex]+boxs[i].offsetHeight;

}

}

}

función?getElementsByTagName('*');

var?arr=[];

for(var?i =0;i

if(a[i].className==clsName){

arr.push(a[i]);

}

}

}

Retorno?arr;

}

Función?getminHindex(arr,minH){

for(var?i?in?arr){

if(arr[i]==minH)

regresar?