Javascript 在整个页面上展开导航栏_Javascript_Html_Css_Horizontal Scrolling

Javascript 在整个页面上展开导航栏

javascript html css

Javascript 在整个页面上展开导航栏,javascript,html,css,horizontal-scrolling,Javascript,Html,Css,Horizontal Scrolling,我正在做一些响应CSS，我希望有这样的东西： <body> <nav> <ul> <li>Asd</li> <li>sdf</li> </ul> </nav> <table> (Some wide table goes here) </table> 自闭症自卫队（这里有一张宽桌子）我将导航定义为页面顶部的一个条（=水平条）。对于小屏幕（当表格

我正在做一些响应CSS，我希望有这样的东西：

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



自闭症
自卫队

（这里有一张宽桌子）

我将导航定义为页面顶部的一个条（=水平条）。对于小屏幕（当表格太大时），会出现水平滚动条

我的问题是，当我水平滚动时，导航条向左移动，在右侧留下空白。我只是希望它是可见的，以保持酒吧的印象。有什么办法吗

我知道，其中之一是位置：固定，因此导航保持固定，但这也意味着导航将被固定，即使使用verticall滚动，我不想要

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

编辑：

使用CSS，

位置：绝对；左：0

（当页面滚动时，阻止它从web屏幕的左侧移动。）

我不确定是否完全理解您的意思，但我认为解决您问题的方法是使用CSS设置一个

溢出：隐藏

参数

您可以使用内部/外部CSS的

中的

标记执行此操作，如下所示：


桌子{
显示器：flex；
溢出：隐藏；
}

该表是否为实际值表，或是否用于布局目的？你可以用overflow-x:scroll将它包装在一个DIV中。对不起，你可能误解了我的意思。我不介意导航移动，我的问题是它不适合所有的可用空间（它只有一个屏幕宽，我需要它覆盖整个页面（例如，两、三千个屏幕，取决于其他内容的宽度））哦！我的错是，我会研究javascript的。你有什么建议？我一整天都在尝试这样做，但是在调整页面大小时仍然有一些错误，我实际上已经设法在nav中添加了

paddingRight

，因此它填充了整个

document.body.scrollWidth

，但是我在调整页面大小时遇到了问题，因为填充太大了（这导致页面实际上比必要的页面大，并显示不必要的水平滚动条）我不知道，我不熟悉Javascript。我重新标记了你的问题，使其包含“Javascript”。