Fixare element in pagina in functie de latime fereastra

[General]

Buna, eu am un script care fixeaza header-ul in timp ce faci scroll in jos:

Cod: Selectaţi tot

<script>
$(function() {
	var fixblock_height = $('#header').height();
	var fixblock_pos = $('#header').position().top; ;
	$(window).scroll(function(){

	   if ($(window).scrollTop() > fixblock_pos){ 
			$('#header').css({'position': 'fixed', 'top':'0px', 'z-index':'10'});
			$('#headblock').css('padding-bottom', fixblock_height+'px');
	   }else{ 
			$('#header').css({'position': 'static'});
			$('#headblock').css('padding-bottom', '0px');
	   }
	})
});
</script>

Merge totul ok, numai ca pentru telefoane si tablete nu as vrea sa functioneze, ci numai la PC. Intrebarea e cum sa fac ca de exemplu cind latimea ecranului are mai putin de 800px sa nu functioneze, adica blocul sa nu mai fie fixat

Salut
Cu: window.innerWidth se poate obtine latimea ferestrei (in pixeli) in JavaScript.
In scriptul tau poti face asa:

Cod: Selectaţi tot

if(window.innerWidth > 800) {
  // aici adaugi tot codul acelui script
}

Super! Merge...Multumesc mult pentru ajutor si sfaturi!