Scroll vertical

Résolu
Bonjour,

essayant de refaire le site à mes parents j'ai rencontré un problème lorsque j'ai voulu faire un scroll vertical afin de n'avoir qu'une seule page.

J'ai rencontré deux problèmes :
- Mon menu horizontal ne se déploie pas à cause des éléments en dessous.
- Je n'arrive pas à faire commencer les parties sous le menu. Existe-t-il une balise en html 5 qui serait une alternative à l'iframe?

Puis-je espérer faire un one page avec cette structure?

http://www.chantiernaval.net/new/fixed.html

D'avance merci

3 réponses

  1. J'ai trouvé :

    J'ai du modifier dans le js (jquery.smooth-scroll.js) à la ligne 7 :

    avant :
    offset: 0,

    Après :
    offset: -210

    Encore merci à Waelb83 pour ton aide.
    1. Merci beaucoup. J'ai pu résoudre le premier problème grâce à toi.

      En revanche je cherche encore pour le deuxième (l'espace entre le haut de page et le contenu).

      Encore merci Waelb83.
      1. en fait j'ai pas compris ta 2eme question..
      2. Quand on clique sur un lieu la page descend jusqu'à l'id correspondant.
        J'ai ajouté des espace, retournes sur le lien tu comprendras (en effet c'était pas clair avant).

        J'aimerai que l'endroit ou le lien mène débute à un certain pourcentage de la hauteur de la page.
      3. ah j'ai compris,
        là c'est plus compliqué, tu as ton header qui est fixe,
        et quand on pointe vers un lien ancré, l'ID se retrouve en haut de la page
        ce qu'il faut faire c'est bidouiller ton script smoothscroll, pour défiler vers le ID - la hauteur du header (200px)
      4. ça résoudrait mon problème qu'à moitié (alors que ça dépasse déjà mes capacités à voir).

        Le problème est que le texte du dessus s'afficherait sous mon logo en haut ou menu...
    2. c'est une histoire de z-index
      il faut augmenter le z-index de .mainnav