jQuery - si la div est en haut de la fenêtre, ajouter classe style/? (collant bannière)

J'ai donc fait un collant bannière

Exemple ici: http://jsfiddle.net/zu60j5rr/

Dans l'exemple, il fonctionne très bien. Mais le site que je veux utiliser, il dispose d'un haut de nav qui n'a pas assez de rendre le même sur différents navigateurs. Donc je ne peux pas appuyer sur "haut" pour fonctionner sur tous les navigateurs

Donc ce que je me demande. Est il possible que je peux ajouter une déclaration de quelque chose comme, si la div frapper le haut de la fenêtre - Ajouter du style à fixer la position? Et puis si c'est un défilement arrière, retirez le style?

voici ce que j'ai actuellement, comme trafiqué:

$(document).on( 'scroll', function(){
        if ($(window).scrollTop() > 100) {
            $('#stickyBanner').css({position: "fixed", top: "0px"});
        } else {
            $('#stickyBanner').css({position: "relative", top: "0px"});
        }
    });

Merci!!

InformationsquelleAutor Nick | 2014-10-21
  1. 5

    Vous pouvez modifier votre script un peu de sorte qu'il peut vérifier si le décalage de la valeur supérieure de la collante nav est plus grande ou égale à la valeur de la fenêtre scrollTop. En gros, si ils sont de la même /l'égalité de l'élément est en haut de la fenêtre 🙂

    Exemple ici http://jsfiddle.net/zu60j5rr/1/

    var stickyTop = $('#stickyBanner').offset().top;

$(window).on( 'scroll', function(){
        if ($(window).scrollTop() >= stickyTop) {
            $('#stickyBanner').css({position: "fixed", top: "0px"});
        } else {
            $('#stickyBanner').css({position: "relative", top: "0px"});
        }
    });
    InformationsquelleAutor Bojan Petkovski