Javascript 屏幕外jquery元素导致水平滚动

我有一个屏幕外的元素，点击进入屏幕。问题是它并没有真正离开屏幕，而是水平扩展了我的文档，所以我在页面底部得到了一个滚动条

以下是网站：

以下是html：

<div id="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div id="dashboard">
                <nav id="access">
                    <div class="open"></div><?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
                </nav>
            </div> <!-- dashboard -->
        </div> <!-- span12 -->
    </div> <!-- row-fluid -->

下面是剧本：（作者@AlexCheuk）

---

非常感谢您的帮助

最简单的方法似乎是：

---

添加

body{overflow:hidden；}

或使用

overflow-x

最简单的方法似乎是：

---

添加

body{overflow:hidden；}

或者使用

overflow-x

尝试将其添加到CSS中

body{
    overflow:hidden;
    ....
}

---

尝试将其添加到CSS中

body{
    overflow:hidden;
    ....
}

在主体css中，添加

overflow:hidden

在主体css中，添加

overflow:hidden

---

我不会也失去垂直滚动的能力吗？@Damien好的。。这是为什么。“我的答案似乎与答案相同。@AlexCheuk-因为如果屏幕（或浏览器大小）小于1280x1000像素，在身体上设置“溢出：隐藏”会破坏此特定网站。因为滚动是不可能的，所以内容会被隐藏。那么我不会也失去垂直滚动的能力吗？@Damien好的。。这是为什么。“我的答案似乎与答案相同。@AlexCheuk-因为如果屏幕（或浏览器大小）小于1280x1000像素，在身体上设置“溢出：隐藏”会破坏此特定网站。因为滚动是不可能的，所以内容会被隐藏。啊，太棒了，我没有意识到我有能力定义x和y的溢出。谢谢@tim！啊，太棒了，我没有意识到我有能力用x和y定义溢出。谢谢@tim！