gpt4 book ai didi

css - 固定标题的问题 - 没有水平滚动

转载 作者:搜寻专家 更新时间:2023-10-31 23:10:38 24 4
gpt4 key购买 nike

我需要在用户滚动页面时显示标题。我将标题设置为固定位置,它在滚动时保持不变,但是当我调整浏览器大小时,我没有看到水平滚动条,因此我看不到导航中的所有元素。

<body>    
<header>
<div id="topHeader">
<p>test</p>
</div>
<nav>
... navigation items ...
</nav>
</header>
<div id="content">
@RenderBody()
</div>
</body>

CSS

#content{margin-top:80px;}
#topHeader{width: 100%; background: #262626; height: 40px;margin:0;}
header
{
width: 100%;
position: fixed;
top: 0;
}

最佳答案

这对我获得 facebook header 的行为很有帮助

<div id="headercontainer" style="position: fixed; width: 100%">
<div id="actualheader" style="position: relative; width: 1000px; margin: 0 auto">
</div>
</div>

使用以下 jquery:

<SCRIPT>
$(window).scroll(function() {
$('#actualheader').css('left', -$(this).scrollLeft() + "px");
});
</SCRIPT>

还没有测试兼容性

关于css - 固定标题的问题 - 没有水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9846807/

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