如何在浏览器中始终显示垂直滚动条？

Question

我想在我的网页中始终显示垂直滚动条.可以使用javascript吗？我认为可以使用javascript或jQuery.我想要垂直滚动条是否有足够的内容显示或不显示.

谢谢.

Answer 1

不应该要求jQuery.您可以尝试添加CSS:

body    {overflow-y:scroll;}

这适用于最新的浏览器,甚至是IE6.

Answer 2

只需注意:在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);
}

你可以相应地设计它.

Answer 3

只需使用CSS.

body {
  overflow-y: scroll;
}