如何使垂直滚动条独立于HTML页面？

我有一个网站（http://www.rtistree.com），它在一些页面上有垂直滚动条。但有些页面没有。页面内容居中，但是当出现垂直滚动条时，它将内容左移一点（8像素）。如何使我的内容独立于垂直滚动条呈现？如何使垂直滚动条独立于HTML页面？

来源

2012-02-06 Epsiloncool

让你的内容的宽度足以包括滚动条，否则禁用滚动条作为一个整体'溢出-Y：none' .. – 2012-02-06 18:38:50

@VivekChandra我怎样才能让我的内容足以包括滚动条？你能提供一些例子吗？ – Epsiloncool 2012-02-06 18:42:18

问题是，内容比容器更多 - 因此滚动条即将到来 - 但滚动条本身占用一些空间 - 因此容器应该足够大，以便滚动条也可以。使它成为“如果内容太大而无法放入容器中，则“overflow：auto”将无法解决，因为垂直条仍然存在。如果您粘贴了一个示例代码，我可以用它来引导您。 – 2012-02-06 18:52:31

嗨Epsiloncool一个解决方案是总是显示滚动。

html { overflow-y: scroll; }

来源

2012-02-06 18:42:12 Wlada

我认为最常见的方式是总是有滚动条：

html 
{ 
    overflow-y: scroll; 
}

如果：原因你总是有它，恼人的“翻页效果”会消逝。

来源

2012-02-06 18:39:55

你有两个选择。

设置你的身体有溢出-y：hidden;

或

body overflow-y：auto;

自动将始终有滚动条存在，但不活动，如果它不需要它，隐藏将始终删除它。最好的选择是做汽车，这将消除你的内容的转变。

来源

2012-02-06 18:40:29

如何使垂直滚动条独立于HTML页面？

回答

相关问题