पृष्ठ से पृष्ठ पर जाने पर, नेविगेशन मेनू झिलमिलाहट, केवल क्रोम में - एचटीएमएल, सीएसएस, नेविगेशन, झिलमिलाहट

मुझे एक वेबसाइट पर कोई समस्या है जो मैं बना रहा हूं। नेविगेशन मेनू फ्लिकर्स जब आप पृष्ठ से पृष्ठ पर जाते हैं लेकिन केवल क्रोम और आईई में जाते हैं।

क्या और भी अजीब बात यह है कि यह तब नहीं होता जब मैं इसे क्रोम पर एक गुप्त विंडो में खोलता हूं या जब मैं इसे स्थानीय रूप से लोड करता हूं।

यहां एक लाइव उदाहरण है - http://andrewbruce.me

मैं नीचे कोड डालूँगा -

नेविगेशन एचटीएमएल -

<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>

नेविगेशन सीएसएस -

#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;
}

उत्तर:

जवाब के लिए 0 № 1

मैंने क्रोम और सफारी दोनों में अपनी साइट का परीक्षण किया हैऔर मैं झटके को फिर से बनाने के लिए प्रतीत नहीं कर सकता। झटके लोड की गति के कारण हो सकते हैं और नेविगेशन बार बस लोड हो रहा है। इस तथ्य के आधार पर कि यह केवल तब होता है जब सार्वजनिक सर्वर पर होता है। जब आप स्थानीय परीक्षण करते हैं तो गति तत्काल होती है, क्योंकि यह सीधे आपके कंप्यूटर पर फ़ाइलों से खींच रही है।


जवाब के लिए 0 № 2

मैं यह समझ गया। मेरे पास क्रोम एक्सटेंशन स्थापित था जो मेरे ब्राउज़र के प्रदर्शन को धीमा कर रहा था, इसलिए यह नेविगेशन बार धीरे-धीरे लोड हो रहा था।

इसलिए यह गुप्त में क्यों काम कर रहा था क्योंकि एक्सटेंशन में से कोई भी लोड नहीं हो रहा था!


संबंधित सवाल
सबसे लोकप्रिय