的HTML
<div id="headers">
<header>
<div id="Logo">
<img alt="SiteLogo" title="KAS" src="Images/kas.png" />
</div>
<div id="LogoText">Sample Site</div>
<nav>
<ul>
<li><a href="#">HOME</a>
</li>
<li><a href="#">ABOUT US</a>
</li>
<li class='has-sub '><a href="Products.aspx">PRODUCTS</a>
<ul>
<li><a href="#">Item 1</a>
</li>
<li><a href="#">Item 2</a>
</li>
<li><a href="#">Item 3</a>
</li>
</ul>
</li>
<li><a href="#">SERVICES</a>
</li>
<li id="current"><a href="#">ENQUIRY</a>
</li>
</ul>
</nav>
</header>
</div>
小提琴
问题
正如您在演示中看到的那样，我无法访问所有菜单，但是如果它是全页结果（如“全页结果”），则我可以访问所有菜单
需要：
我需要的是以下内容
好吧，这对于纯CSS来说是不可能的，因为position: fixed;如果您想要一个jQuery解决方案，那就是行为的方式，jQuery解决方案知道您没有标记，但是您没有其他方法。。（或使用JS）
$(document).on('scroll', function() {
$('#headers').css('top', $(this).scrollTop());
});
在这里，我将top属性滚动到文档的滚动上，因此您的元素保持不变，position: absolute;但其行为就像是fixed。
只要确保你摆脱position: fixed;从#headers，你不需要现在也，header背景会因为它超出了视口，以便分配一些砍掉height你的header元素和分配background-color，以及
header {
width: 1000px;
height: 80px;
margin: 0px auto;
padding: 0px;
top: 0;
background-color: #333;
}
演示2 （整页，使用内部滚动条，而不是外部滚动条）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句