在带/不带滚动条的页面之间切换时停止背景移动？
我有一个没有滚动条的静态页面。它链接到另一个有滚动条的页面。两个页面共享相同的背景图像。当我来回切换时，我可以注意到背景图像和页面内容稍微向左移动，因为滚动条显示在一个页面上，而不是另一个页面上。
我用这个技巧解决了这个问题，但它只对主体内容有效。背景图像仍在移动。有没有办法解决这个问题？我有一个补丁（overflow-y:scroll；），它总是显示滚动条，即使没有滚动条，但这并不理想。
我的BG图像代码是：
body{
background： url（img.png）无重复中心固定；
-webkit-background-size： cover；
-moz-background-size： cover；
-o-background-size： cover；
background-size： cover；
}
共有1个答案
首先禁用身体滚动。你可以有以下背景：
body {
margin: 0;
padding: 0;
overflow: hidden;
background: url('img.png') no-repeat center;
background-size: cover;
}
在主体内部创建一个包装器，如下所示：
<body>
<div class="body">
PAGE CONTENT
</div>
</body>
现在像这样样式化包装：
.body {
height: 100vh;
overflow: auto;
box-sizing: border-box;
padding: 5px;
}
现在您可以看到，无论有没有滚动，背景都不会改变。
-
有没有一种方法可以隐藏滚动条，但仍然保留向上/向下滚动的选项？我尝试溢出：隐藏；它删除滚动条，但我不能滚动。
-
问题内容： 如何在文本保持不透明的同时使跨浏览器（包括Internet Explorer 6）的背景透明？ 我需要在不使用jQuery等任何库的情况下进行此操作。（但是，如果您知道可以做到这一点的库，那么我很想知道，因此我可以看看他们的代码）。 问题答案： 使用rgba！ 除此之外，您还必须声明IE Web浏览器，最好通过条件注释或类似注释进行声明！
-
我试图创建一个滚动条隐藏的页面，但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条，但我不能在100%上留下一页滚动。HTML CSS
-
我正在用html制作一个应用程序，并且需要有一个滚动条。但是，每当我添加一个时，它都会移动所有内容，以便为滚动条提供必要的空间。这搞砸了应用程序的布局。 因此，我需要一种方法，使滚动条简单地覆盖在页面顶部，这意味着页面仍然在它后面。我已经知道如何设计滚动条以使背面透明，我只需要滚动条不占用任何空间。 提前感谢！
-
我在class1中创建了一个场景，然后在Class2中创建了一个scene2。如何在两者之间切换？ 这是第二节课，我有另一个场景。
-
问题内容： 我正在宽度不相等的画布上绘制图形。每个画布是否都有自己的滚动条？我试图将所有画布放在一个div中，并指定最大宽度，但这没有用。是否可以将所有画布在页面上的可见宽度说成500像素，并且每个画布都有其滚动条以查看画布的整个宽度。 谢谢。 问题答案： 指定画布的总宽度，然后将其包裹在div中。将div设置为，并指定500px的宽度。然后，您应该具有滚动条，使您可以滚动并查看画布的隐藏部分。对