html - 两个绝对div；一个使滚动条出现；一个没有

Question

这是我的网站:
http://bible.preahkumpii.com
页面加载后(它是一个网络应用程序)，您将在 #main div 中看到两个绝对定位的 div。 #selector div被left:-100%隐藏，滚动条不出现。另一个 div #searcher 是同级元素，它的位置与 right:-100% 类似。但是，如您所见，x 滚动条被激活是因为 #searcher div 在那里。我不要那个。我希望它的工作方式与 #selector div 完全相同，在用户激活它之前，它完全隐藏(滚动条和所有)。单击时使用 jQuery 将这两个动画显示在 View 中。

#selector {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: white;
    text-align: center;
    overflow: auto;
    z-index: 50;
}
#searcher {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    white-space: nowrap;
    font-family: 'Battambang';
    font-size: 120%;
    right: -100%;
    text-align: center;
    z-index: 10;
    background: white;
}

Answer 1

您只需将 overflow-x:hidden 添加到 body 元素:

body {
    overflow-x: hidden;
}

不过，您可能应该实现一个后退按钮。