2009-04-26 7 views
0

Je suis en train de mettre en place une page avec un canapé vectoriel sur la droite et au passage de la souris il va glisser. Mon but est d'avoir mon contenu à gauche du canapé glisser vers la gauche de la page.Pousser le contenu hors de la page

Aurais-je besoin de mettre mes éléments en absolu pour avoir ensuite le curseur sur? J'utiliserai probablement animate() pour déplacer le canapé en ajustant la bonne propriété css.

Par défaut, va-t-il glisser vers la gauche?

Toutes les idées sur ce sujet, je sais comment faire quelque chose pour le faire glisser, mais je ne sais pas comment faire glisser le contenu vers la gauche de la page.

Exemple de structure HTML: http://pastie.org/458876

NOUVEAU CODE:

$(document).ready(function() { 
    $('#slidemarginleft button').click(function() { 
var $marginLefty = $(this).next(); 
$marginLefty.animate({ 
    marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ? 
    $marginLefty.outerWidth() : 
    0 
}); 
    }); 
}); 

utliser i ce code ci-dessus pour déplacer le canapé gauche à droite

Répondre

1

Oui, la seule façon de faire des éléments glissent la page utilise un positionnement fixe et/ou absolu (en dehors de simplement rendre les éléments plus grands que la page).

Je ne suis pas sûr si "il" va tomber de la page vers la gauche, parce que je ne suis pas sûr exactement comment les conteneurs sont installés. Je suis sûr qu'un certain nombre de personnes seront prêts à faire de meilleures suppositions si vous deviez donner un exemple de ce à quoi le HTML ressemblerait. (Utilisez jsbin.com est un bon endroit pour configurer l'exemple)

+0

C'est ce que je pensais, mais comment le faire coïncider avec l'animation à gauche? Quand j'ai mon effet de survol, ai-je besoin de faire glisser manuellement mon contenu vers la gauche et vers la droite? – Coughlin

+0

Laissez-moi vous donner un exemple rapide – Coughlin

+0

J'ai juste ajouté un exemple à ma question originale. – Coughlin

Questions connexes