我正在开发的网站遇到了很多问题。甚至下载到缓慢的页面加载等等。但我遇到的最大问题是固定位置元素的行为。
首先,导航应该始终保持固定,但事实并非如此。但是,如果您在滚动时重新加载,它确实会出现在页面中间。很奇怪。
直播网站在这里 http://www.francesca-designed.me/smm/
其次,背景应该保持固定,但事实并非如此。
Nav code
<div class="navwrapper">
<nav id="top">
<div class="wrapper">
<ul>
<li><a href="#project" class="scroll">The Project</a></li>
<li><a href="#makers" class="scroll">The Makers</a></li>
<li><a href="#markets" class="scroll">The Markets</a></li>
<li><a href="#workshops" class="scroll">The Workshops</a></li>
<li><a href="#shop" class="scroll">The Shop</a></li>
<li><a href="#getinvolved" class="scroll">Get involved</a></li>
</ul>
</div></nav>
<span class="navshadow"></span>
</div>
CSS
.navwrapper{position:fixed;width: 100%;top: 0;}
Chrome 中存在一个位置固定和变换的错误:
https://code.google.com/p/chromium/issues/detail?id=20574 https://code.google.com/p/chromium/issues/detail?id=20574
所以你必须从中删除变换.label
.
也可以看看:
固定位置不适用于标题 https://stackoverflow.com/questions/14732403/position-fixed-not-working-for-header
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)