Modificare funzioni Javascript a seconda del viewport

[davidegiorgetta]

Salve! Sono un neofita di Javascript e avrei un problemino da risolvere.
Ho uno script che permette ad un div di bloccarsi quando la pagina viene scrollata. Quello che viene chiamato Scroll To Fixed. In pratica quando il div si trova ad una certa distanza dal margine superiore della pagina la sua posizione passa da relative a fixed. Una seconda parte dello script si occupa di fare in modo che la larghezza di percentuale del div non sia calcolata sulla finestra ma sull'eleento genitore. Questo è lo script:

<script>$(window).scroll(function(){    if  ($(window).scrollTop() >= 90){         $('.details').css({position:'fixed',right:40,top:40});    } else {         $('.details').css({position:'relative',right:0,top:0});        }});// set the width of the details div when window resizeswindow.addEventListener('resize', function(){    var $el = $('.details')    $el.width( $el.parent().outerWidth() * .25 )})</script>

Dovrei fare in modo che la larghezza in percentuale del div diventi diversa quanto la finestra è più stretta di 1024px.
Qualcuno sa come si fà?
Grazie in anticipo

[tampertools]

La larghezza della finestra la prendi con

window.innerWidth; 

poi metti un if per controllare se è minore di 1024 px...