我可以通过将它添加到body标签来让它工作。对我来说更好，因为html元素上没有任何东西。

body {
    overflow-y: scroll;
}

确保溢出设置为“滚动”而不是“自动”。也就是说，在OS X Lion中，溢出设置为“滚动”的行为更像自动，滚动条仍然只在使用时显示。因此，如果上述任何解决方案似乎都不起作用，这可能就是原因所在。

这是你需要解决的问题:

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

如果不喜欢默认设置，可以相应地设置样式。

我可以通过将它添加到body标签来让它工作。对我来说更好，因为html元素上没有任何东西。

body {
    overflow-y: scroll;
}

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

这使得滚动条始终可见，只在需要时才活动。

更新:如果以上不工作，那么只是使用这个可能。

html {
    overflow-y:scroll;
}

把高度设置为101%是我解决这个问题的办法。 当你的页面在超过视口高度和不超过视口高度的页面之间切换时，你的页面将不再“轻弹”。

身体{身高:101%;}将“裁剪”较大的页面。

相反，我使用:

body { min-height:101%; }