gpt4 book ai didi

html - 从一个页面移动到另一个页面时,导航菜单会闪烁,仅在 Chrome 中

转载 作者:行者123 更新时间:2023-11-28 04:48:40 26 4
gpt4 key购买 nike

我在创建的网站上遇到问题。当您从一个页面移动到另一个页面时,导航菜单会闪烁,但仅限于 Chrome 和 IE。

更奇怪的是,当我在 Chrome 的 icognito 窗口中打开它或在本地​​加载它时,它不会发生。

这是一个活生生的例子 - http://andrewbruce.me

我会把代码放在下面 -

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

导航 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;
}

最佳答案

我已经在 Chrome 和 Safari 中测试了您的网站,但我似乎无法重现闪烁。闪烁可能是由于加载速度和导航栏刚刚加载。基于它只发生在公共(public)服务器上的事实。当您进行本地测试时,速度往往是即时的,因为它直接从您计算机上的文件中提取。

关于html - 从一个页面移动到另一个页面时,导航菜单会闪烁,仅在 Chrome 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40819906/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com