Impossible d'obtenir cette déclaration pour travailler

Question

Je voudrais que mon élément pour montrer à position fixe que lorsque offset().top est plus grand que 300px

Voici mon code:

$(window).scroll(function() { 
    if ($(window).offset().top > 300) { 
     $(".uparrow").css('position','fixed'); 
    } 
    else { 
     if ($(window).offset().top < 300) { 
      $(".uparrow").css('display','none'); 
     } 
    } 
}) 

Answer 1

Votre console navigateur est votre ami . Cela vous dira tout de suite ce qui ne va pas. Dans ce cas, vous auriez reçu une erreur dans votre console Uncaught TypeError: Cannot read property 'top' of undefined - cela vous mènerait vers la résolution de votre problème.

Vous avez besoin $(window).scrollTop() pas $(window).offset().top

Vous pouvez aussi ne pas besoin de votre seconde instruction if. Ceci est couvert par votre précédente déclaration autre

IE

$(window).scroll(function() 
    { 
    if ($(window).scrollTop() >= 300)  
    { 
     $(".uparrow").css('display','inline-block'); 
     $(".uparrow").css('position','fixed'); // <- this is pretty pointless given you never change it when less than 300 pixels. 
     console.log('I am fixed'); 
    } 
    else 
    { 
     $(".uparrow").css('display','none'); 
     console.log('I am hidden'); 
    } 
    })