Comment déplacer un élément sur le rouleau

Je souhaite déplacer des éléments (divs avec des images) verticalement à une vitesse différente. Je réalise déjà cela partiellement avec la fonction jquery animée avec des ancres. Cependant, je ne pouvais pas comprendre comment le faire avec l'événement de défilement. Je veux le même mouvement (verticalement à une vitesse différente) également à travers le défilement. Le défilement doit avoir le même effet sur le "browser-scroll" et sur le "mouse-scroll" (pas sûr de ces noms).Comment déplacer un élément sur le rouleau

function scroll() { 
    $("#logo").animate({ "top": "+=180px" }, 1000); 
$("#logo2").animate({ 'top': "+=450px"}, 1000); 
}

C'est la fonction que j'ai.

J'ai fait la même recherche et j'ai trouvé quelques cas mais aucun d'entre eux ne m'a vraiment aidé.

Toute aide serait grandement appréciée.

Source

2011-11-05 Snapper

Voir: http://jsfiddle.net/5HHxK/1/

Qu'est-ce que vous voulez? Si vous voulez des vitesses différentes, avec la même "position", il suffit de ralentir la vitesse :)

Source

2011-11-05 14:25:22

Salut Marco. Merci pour votre réponse! Je pense que ça va m'aider à démarrer :). J'ai besoin de repenser le positionnement de mes divs (relatif vs fixe vs absolu). Maintenant, j'ai 2 questions à propos de votre réponse. Que faire si je veux faire défiler vers le haut? Les carrés défilent simplement parce que je mets "top": "+ = __ px" mais quand je fais défiler vers le haut, l'incrément devrait être "- = __ px". L'autre question est si j'ai besoin de spécifier la hauteur du contenu (100000px dans ce cas que vous avez posté). Que se passe-t-il dans différents navigateurs et quand j'essaye de redimensionner la fenêtre? Désolé si ce sont des questions de base, mais je suis un begginer :) – Snapper

Vérifiez cela: http://jsfiddle.net/5HHxK/5/ .... Et non, je viens de le faire pour que la barre de défilement apparaisse réellement (vous ne peux pas faire défiler sans barre de défilement) :) Qu'est-ce que vous essayez d'accomplir? Si c'est juste un menu fixe, vous pouvez utiliser quelque chose comme ce plugin http://jsfiddle.net/5HHxK/ –

Marco le premier lien que vous avez posté était l'un de mes problèmes! Excellent! Je pensais que j'avais besoin d'obtenir la position du parchemin mais je n'y arrivais pas. Merci! La deuxième question: je vous l'ai demandé parce que je veux autoriser le défilement uniquement après un événement (un événement glisser-déposer). Avant cela, je voudrais empêcher l'utilisateur de faire défiler (je ne sais pas si je m'explique correctement). Ce que j'essaye d'accomplir est quelque chose comme: une page avec un menu (naviguer entre div) et permettre à l'utilisateur de faire défiler entre eux aussi. Ce parchemin déplace des éléments (images) à une vitesse différente. Encore une fois merci Marco – Snapper

Comment déplacer un élément sur le rouleau

Répondre

Questions connexes