2013-10-06 3 views
-2

Enter image description hereComment créer un élément fixe

Comme vous pouvez le voir sur la photo, comment puis-je faire l'onglet du menu un fixe?

J'ai essayé de modifier la propriété de positionnement div à fixed, mais le problème est qu'il se superpose sur ma photo. En fait, la partie du menu arrive à l'écran lorsque vous cliquez sur tab1.

Je veux que la partie du menu soit fixe et en cliquant sur le contenu du menu, qui est: menu 1,2,3, la partie du contenu de droite devrait changer.

J'ai téléchargé ici mes fichiers: link.

+1

DonT télécharger des fichiers .. utilisez [jsFiddle] (http://jsfiddle.net/). et utilisez la boite de formatage que stack over flow a .. pour que ppl puisse mieux lire la question. –

+0

Pourquoi jQuery est-il même étiqueté? :/ – Terry

+0

Je regrette, je suis nouveau ici, va sûrement garder cela à l'esprit pour mes futurs messages et j08691 merci pour l'édition;) @Terry je pensais que si jquery pouvait me aider à résoudre le problème –

Répondre

0

Désolé pour ma réponse précédente, vous avez deux solutions:

Utilisation CSS:

Vous pouvez définir un margin-bottom à la section .navigator manuellement de telle sorte que le contenu est entièrement en vertu du présent article, mais est pas une bonne solution à moins que cette section ne change pas de hauteur à tout moment.

En utilisant jQuery:

Vous pouvez donner la valeur height à l'aide .navigator:

$(".navigator").css({ height: $(".size").height() }); 
+0

merci pour la reponse, je l'ai essayé de donner la hauteur d'une valeur, mais le problème est que son déplacement mon pic de page d'accueil par cette valeur .. Je l'ai mis à jour mes fichiers hébergés, le problème est que le contenu du menu apparaissent sur le dessus de mon pic je ne Je veux que ça arrive ... –

0

Ceci est très simple. Lorsque vous position:fixed vous supprimez l'élément du flux de documents, ce qui est la raison pour laquelle il se trouve au-dessus de votre image.

Vous devez positionner ainsi, par exemple

.your-element{ 
position:fixed; 
top:0; /* Positions top of your div to top of browser window*/ 
left:0; /*positions left of your div to left of the browser window*/ 
} 

Le code ci-dessus vous donnera un menu fixe dans le coin supérieur gauche de la fenêtre à tout moment. Vous pouvez déranger avec les marges pour l'obtenir exactement où vous le voulez.

1

Utilisez

position: fixed 
bottom: 54px; //Change to what you want 
width: 100%; //Change to what you want 
Questions connexes