Menu wat op en neer gaat

Hoi,

Voor mijn opleidingen moeten we een portfolio maken. Nou heb ik een menu die boven aan de website zit. In Mozilla werkt deze perfect, niks aan de hand eigenlijk maar in Chrome lijkt deze op en neer de gaan als je snel begint te scrollen. Wat heb ik hier fout gedaan? Ik gebruik position fixed. Hier is de portfolio te bekijken: http://jvandenhout.saldev.nl/

Als je snel gaat scrollen in Chrome lijkt het menu op en neer te gaan. Het vreemde is dat het niet altijd gebeurd, soms blijft het menu wel vast aan de bovenkant.

header{
    background:#2d2d2d;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:1000;
    color:#ffffff;    
    opacity: 0.77;
}

#navigatie {
    text-align:center;
}

#navigatie li {
    display: inline-block;
    font-size: 12px;
    text-transform:uppercase;
    
}

#navigatie li a{
    color: #ffffff;
    display: block;
    padding: 25px 20px;
    position: relative;

}

#navigatie li a:hover{
    color: #9C9C9C;
}

#navigatie  .active{
    color: #666666;
}

<nav id="navigatie">
                <ul>
                    <li><a href="#ladingsPagina">homepagina</a></li>
                    <li><a href="#overMezelf">over mij</a></li>
                    <li><a href="#cv">curriculum vitae</a></li>
                    <li><a href="#portfolio">portfolio</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </nav>

Heb hem getest en nergens problemen mee...

Met moeite een screenshot kunnen krijgen. Het blijkt dus dat bij soms hevig scrollen het menu even voor 1 seconde in het midden komt te staan.

Trouwens het komt soms wel voor en soms niet, bij mijn leraar werkt het ook soms wel en soms niet.

Geen last van, laatste (dev) versie van Chrome op OS X. Met trackpad kun je toch hevig scrollen, er gebeurd echter niets.

Hier zou je ook niets tegen kunnen doen, je CSS is gewoon prima, dit is gewoon een browser bug.

Hier ook geen problemen. En ik heb een los scrollwiel (wat dus geen weerstand heeft). En ik werk nog wel op een laptop momenteel met een duocore. Dus ook aan processorkracht moet het niet kunnen liggen.

Ik denk dus dat het inderdaad een browserbug is.

Ik heb er zelf ook geen last van

Ik heb er wel last van, dus je bent niet de enigste.

Ja ik vind het ook echt vaag. Waarom kunnen andere websites dat wel gewoon hebben (o.a. in Chrome) en bij mij is het een browserbug. Dan doe ik toch iets verkeerd neem ik aan?

Kingunit schreef:

Ja ik vind het ook echt vaag. Waarom kunnen andere websites dat wel gewoon hebben (o.a. in Chrome) en bij mij is het een browserbug. Dan doe ik toch iets verkeerd neem ik aan?

Je hebt natuurlijk niet exact hetzelfde CSS. Het is niet zozeer het vastpinnen aan de top dmv fixed, top en left dat de bug veroorzaakt. Waarschijnlijk een ander CSS property die wat lag veroorzaakt waardoor Chrome niet snel genoeg kan tellen, bijvoorbeeld text-transform. Je zou een voor een dingen kunnen weghalen behalve de propertys die je menu fixed maken om te testen wat dit veroorzaakt.

Ik heb het menu opnieuw geschreven en vraag me niet hoe maar het is opgelost. In Chrome lijkt hij nu prima te werken.
Klikkieeee

Contact formulier werkt nog niet goed

Luukieboy schreef:

Contact formulier werkt nog niet goed

Klopt, alleen het HTML en CSS gedeelte is aanwezig. Vandaag of morgen push ik de nieuwe versie, er is heel veel veranderd op de website.