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

新手上路,请多包涵

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

谢谢。

原文由 gautamlakum 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 645
2 个回答

不应该需要 jQuery。您可以尝试添加 CSS:

 body    {overflow-y:scroll;}

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

原文由 Coin_op 发布,翻译遵循 CC BY-SA 3.0 许可协议

请注意: 在 OS X Lion 中,overflow 设置为“scroll”的行为更像 auto,因为滚动条只会在使用时显示。它们在不使用时会消失。因此,如果上述任何解决方案似乎不起作用,那可能就是原因。

这是您需要修复的内容:

 ::-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);
}

您可以相应地设置样式。

原文由 molls223 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题