Faire apparaitre et disparaitre un élément...

Bonjour tout le monde,

Bon je ne suis pas expert en javaScript mais pas du tout, je comprends en général ce qui est écrit mais incapable de faire un script qui marche.

J'essaie de faire un script qui m'affiche un élément à partir de positionnement du scroll, ça j'ai réussie je pense mais j'aimerai bien que si la fenêtre est inférieur à 1024px de largeur l'élément ne s'affiche plus.. et là je rame j'ai essayer quelque chose mais ça ne marche pas ! surement parce que je ne sais pas écrire le javaScript

mon test avec la largeur de la fenêtre :

$(window).resize(function(){
var windowWidth = $(window).width();
var nav_fix = $('#navfix');		
						
if(windowWidth >= 1024)
{         
   nav_fix.addClass('.fix')$(window).scroll(function(){ 
      if($(window).scrollTop()<=525) {
         $('#nav_fix').slideUp();
      }
      else {
         $('#nav_fix').slideDown();
      }		
   });
}
else if(windowWidth < 1024){
   nav_fix.removeClass('.fix');
}
});

le code qui marche pour l'apparition de l'élément en scrollant :

$(function(){
   $(window).scroll(function(){ 
      if($(window).scrollTop()<=525) {$('#nav_fix').slideUp();
      }
      else 						   
      {
      $('#nav_fix').slideDown();}		
   });
});	

SI quelqu'un peut me dire comment je dois faire pour que cela fonctionne. Merci d'avance !

Mais pourquoi jquery !?

<div id="navfix"></div>

window.onscroll=function() {
	var largeurMin=1024;
	var scrollMin=525;
	if(window.innerWidth>=1024) {
		if(window.scrollTop>=scrollMin) document.getElementById('navfix').className='fix';
		else document.getElementById('navfix').className='';
	}
}

Modifié par juliendargelos (12 Mar 2014 - 14:46)