gpt4 book ai didi

javascript - 在整个页面上展开导航栏

转载 作者:行者123 更新时间:2023-11-28 13:16:26 25 4
gpt4 key购买 nike


我正在做一些响应式 CSS,我想要这样的东西:

<body>
<nav>
<ul>
<li>Asd</li>
<li>sdf</li>
</ul>
</nav>
<table>
(Some wide table goes here)
</table>

我将导航定义为页面顶部的栏(=水平栏)。对于小屏幕(当表格太大时),会出现水平滚动条。

我的问题是,当我水平滚动时,导航栏向左移动并在右侧留下一个空白区域。我只是想让它可见,以保持酒吧的印象。有什么想法吗?

我知道,其中之一是 position:fixed,所以导航保持固定,但这也意味着即使使用垂直滚动,导航也会固定,这是我不想要的。

我只希望它与整个页面一样宽(不仅仅是与屏幕一样宽),同时还可以垂直滚动。 (如果导航内容在水平滚动发生时也滚动,或者导航内容只是滚动并且只有导航背景(和导航边框等),对我来说并不重要)

编辑:http://imageshack.us/photo/my-images/39/201302202145541024x600s.png/

最佳答案

使用 CSS,position:absolute; left:0;(阻止它在页面滚动时离开网络屏幕的左侧。)

关于javascript - 在整个页面上展开导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14989237/

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