0

我是 HTML 和 CSS 的新手，我正在尝试设计一个网站，其中大部分文本将在屏幕上的框中。

每个框的颜色都不同，并且包含的​​文本比直接可见的要多

我的问题

我可以使滚动部分的背景颜色，即两个箭头之间的位与现有的背景颜色匹配吗？

如果我什至可以更改实际滚动条的颜色，那就更好了

最后，我可以摆脱水平滚动条，因为它不是必需的吗？目前它使我的盒子底部有一条白色带

4

2 回答 2

3

有几种方法可以改变网站上滚动条的样式：

  1. 通过 CSS：这不可靠：例如，它仅在 IE 中有效，在 Firefox 中无效。所以我会避免这种情况。

  2. 通过 JavaScript： 我建议：隐藏浏览器滚动条并使用 javascript 和一些箭头图像制作自己的滚动条，这样您就可以完全控制样式。 例如，您可以使用 JQuery 和JScrollPane ( demo )。根据文档，这适用于所有现代浏览器（IE、Firefox ...）。如果用户禁用 javascript 支持，它仍然可以工作，但滚动条看起来没有样式。

于 2009-10-24T10:47:04.597 回答
0

只有处于 quirks 模式的 Internet Explorer 和 Opera 支持着色浏览器滚动条，因此您需要尝试使用 javascript 解决方案。

有趣的是，CSS 定义了一些系统颜色，因此如果您（非常）灵活地设计您的设计，您可以设置滚动区域的背景以匹配其中之一。一个不太可能的解决方案。

对于水平滚动条，你可以试试overflow-x: hidden; overflow-y: scroll. 这旨在停止水平滚动但允许垂直滚动。我相信它是 CSS3，所以不太可能在所有浏览器中工作。

更新：刚看到这个，应该可以满足你的需求： http: //www.leigeber.com/2009/09/javascript-scrollable-div/

于 2009-10-24T15:02:24.497 回答