Das Navigationsmenü flackert beim Navigieren von Seite zu Seite, nur in Chrome - html, css, navigation, flicker

Ich habe ein Problem auf einer Website, die ich erstelle. Das Navigationsmenü flackert, wenn Sie von Seite zu Seite wechseln, aber nur in Chrome und IE.

Was noch seltsamer ist, ist, dass es nicht passiert, wenn ich es in einem icognito-Fenster in Chrome öffne oder wenn ich es lokal lade.

Hier ist ein Live-Beispiel - http://andrewbruce.me

Ich werde den Code unten setzen -

Navigations-HTML -

<body>

<div class="menuButton" onclick="decide(this);">
<div id = "bar1"></div>
<div id = "bar2"></div>
<div id = "bar3"></div>
</div>

<div id ="nav">
<ul>
<a href = "home.html"><li>HOME<span style = "float: right; padding-right: 2%;">></span></li><a/>
<a href = "portfolio.html"><li>PORTFOLIO<span style = "float: right; padding-right: 2%;">></span></li><a/>
<a href = "cv.html"><li>CV<span style = "float: right; padding-right: 2%;>></span></li><a/>
<a href = "contact.html"><li>CONTACT<span style = "float: right; padding-right: 2%;">></span></li><a/>
</ul>
</div>

Navigation CSS -

#nav {
height: 100%;
width: 22%;
text-align: center;
box-shadow: 2px 2px 5px #888888;
transition: all .3s ease-in-out;
background-color: #1b1d1f;
float: left;
position: fixed;
z-index: 2;
}

#nav ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
line-height: 2;
margin-top: 20%;
}

#nav a {
text-decoration: none;
}

#nav li {
transition: all .2s ease-in-out;
color: white;
font-size: 25px;
text-align: left;
padding-left: 15px;
}

Antworten:

0 für die Antwort № 1

Ich habe Ihre Website sowohl in Chrome als auch in Safari getestetund ich kann das Flackern nicht neu erschaffen. Das Flackern könnte durch die Ladegeschwindigkeit verursacht werden und die Navigationsleiste wird gerade geladen. Dies beruht darauf, dass sie nur auftritt, wenn sie sich auf einem öffentlichen Server befindet. Wenn Sie einen lokalen Test durchführen, ist die Geschwindigkeit meist sofort, da sie direkt von Dateien auf Ihrem Computer abgerufen wird.


0 für die Antwort № 2

Ich habe es herausgefunden. Ich hatte eine Chrome-Erweiterung installiert, die die Leistung meines Browsers verlangsamte, sodass die Navigationsleiste langsam geladen wurde.

Deshalb funktionierte es inkognito, weil keine der Erweiterungen geladen wurde!


Speisekarte