使固定元素滚动适合页面答案

【问题标题】：Making a fixed element scroll fit to page使固定元素滚动适合页面
【发布时间】：2014-05-22 13:35:33
【问题描述】：

<body>
<nav id="mainNav">
    <div id="navCenter">
        <table>
            <tr>
                <td class="navItem" id="home">Home</td>
                <td class="navItem" id="forums">Forums</td>
                <td class="navItem" id="staff">Staff</td>
                <td class="navItem" id="donate">Donate</td>
            </tr>
        </table>
        <h2>Servername</h2>
    </div>
</nav>
</body>

如果输出窗口小于960px；我需要在底部添加一个滚动条，我该怎么做？我曾尝试添加溢出属性，但没有成功。

JQUERY 解决方案：here

【问题讨论】：

标签： html css

【解决方案1】：

overflow-x: scroll

将其应用于您需要滚动的任何内容

【讨论】：

我已经将它添加到正文中，这样在移动栏时正文会滚动，但是由于导航是固定的，所以它不会滚动。