css定位在屏幕外的元素，但滚动条持久化
我试图在屏幕上定位一个DIV，以便我可以使用JQuery Animations在屏幕上“滑动”多个DIV(水平).然而，我有困难定位第二个DIV，因为它正在创建滚动条，即使它有一个负的顶部利润率。
所有元素都是相对定位的(也许这就是我的问题？)。第一主要的DIV正在滑落是定位在中心与margin:auto和有一个顶部偏移，以帮助它垂直中心以及。
第二个DIV有right:5000将其移出屏幕。但是由于它是在正常的流中，它仍然会导致垂直滚动条，即使使用top:-10000，我也没有运气地尝试过overflow:hidden，不知道还能做什么。(我不想在动态内容增长时完全禁用滚动条)。
示例CSS
#maincontent {
position: relative;
width: 100px;
height: 250px;
margin: auto;
top: 100px;
background-color:black;
}
#maincontent2 {
position: relative;
width: 100px;
height: 250px;
margin: auto;
background-color:blue;
top: -1000px
}
body{
position:relative;
}示例
<body>
<div id="maincontent"></div>
<div id="maincontent2"></div>
</body>下面是一个JSFiddle，它是我正在使用的一个简单的版本。样本JS Fiddle
这看起来应该非常简单，但也许我今天在这方面的工作太久了，并且在搜索时忽略了一些东西。
奖金，如果有人有其他方法来实现这一点(DIVs从屏幕上滑落，另一个代替它的位置)，也是有效的！
回答 4
Stack Overflow用户
发布于 2015-06-16 05:06:48
很简单，只要加上
body {
overflow-x: hidden;
}或
添加父级div并将overflow-x:hidden写入该div。
Stack Overflow用户
发布于 2015-06-16 05:08:03
尝试一下这样的方法：http://codepen.io/nathanbirrell/pen/xGLXgB
这有一个菜单和所有设置与垂直动画。
联合材料包括：
$("span").click(function() {
$("nav").toggleClass("active");
$("li").toggleClass("active");
if($(this).text() == "☰") {
$(this).text("×");
}
else {
$(this).text("☰");
}
})Stack Overflow用户
发布于 2015-06-16 05:02:34
这是您想要的吗，请查看更新的JS Fiddle
<body>
<div id="maincontent"></div>
<div id="maincontent2"></div>
</body>CSS：
#maincontent {
position:absolute;
width: 100px;
height: 250px;
top: 100px;
background-color:black;
}
#maincontent2 {
position:absolute;
width: 100px;
height: 250px;
background-color:blue;
top: -100px
}
body{
position:relative;
}https://stackoverflow.com/questions/30859022
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号