2011-05-20 3 views
8

J'ai une version web actuelle avec une barre latérale droite qui est une position fixe. J'ai essayé de positionner à partir de la droite, mais je ne veux pas qu'il se chevauchent d'autres contenus divs.Position fixe div Vertical uniquement

Ce que je recherche, c'est de faire défiler le contenu horizontalement vers la droite quand il est hors de la fenêtre de la fenêtre. Toute aide serait grandement appréciée.

de la même façon: http://demo.rickyh.co.uk/css-position-x-and-position-y/ Cependant, je ne peux pas obtenir ce travail.


Ceci a été résolu par une méthode alternative. Merci pour ceux qui ont réellement envisagé d'aider.

+0

Votre page de démonstration montre trois choses différentes. Lequel voulez-vous faire? – Sparky

+0

C'est une div position fixe ... pourquoi avez-vous un 'float: left;' dedans? – Sparky

Répondre

1

puis ajouter une propriété à #sidebar

#sidebar { 
width:400px; 
height:550px; 
padding:10px; 
float:left; 
text-transform:uppercase; 
position:fixed; 
left:835px; 
overflow:scroll-x; 
} 
+0

ouais ça ne fonctionne pas c'est un div positionné fixe il faudra plus que CSS je suis positif de cela. – user720033

21

Conserver le div fixe.

Et d'avoir le code javascript suivant qui va s'occuper du déplacement horizontal.

$(window).scroll(function(){ 
    $('.fixed_div').css('left',-$(window).scrollLeft()); 
}); 
+0

Bonne réponse. Je le cherchais pendant des jours. –