Jeu de Div en Position Fixe Lors d'un Défilement de Position - jQuery
Je suis en train de travailler avec une barre latérale de droite qui contient trois curseurs alignés verticalement. Je voudrais avoir la barre latérale de la position de l'être résolu lorsque j'ai faites défiler jusqu'à 200 pixels. Voici mon code pour l'instant:
$(document).ready(function() {
window.onscroll = function() {
if (window.pageYOffset >= 200){
$('.col-right').css({position: 'fixed', right: '490px'});
}
}
}
Rien ne se passe lorsque j'utilise ce code. Il détecte que je suis défilement, mais il ne définit pas les propriétés CSS pour le "col-droit" de la classe, qui est la barre latérale. Suis-je à faire de ce droit?
Utilisez des guillemets,
Ajouté et rien ne se passe.
"fixed"
, fixed
estAjouté et rien ne se passe.
OriginalL'auteur Daniel Harris | 2013-04-09
Vous devez vous connecter pour publier un commentaire.
OK, j'ai tout compris. J'ai changé
$
àjQuery
et tout fonctionne. Voici ma solution de travail:OriginalL'auteur Daniel Harris
remplacer:
avec
chaînes devraient être cité!
Fonctionne très bien pour moi -> VIOLON, souvenez-vous de document.prêt, que vous êtes à l'aide de jQuery pour obtenir un élément du DOM.
Oui, j'ai ajouté le document.la fonction, prête pour le code et encore il ne fait rien.
Et vous êtes sûr
window.pageYOffset
est l'incrémentation lorsque vous faites défiler, et que vous avez un élément avec la classecol-right
?Vous pouvez toujours voir si la version jQuery fonctionne ->
$(window).on('scroll', function() { ... });
, mais c'est douteux. En quelque sorte, le défilement de l'événement n'est pas déclenché.OriginalL'auteur adeneo