Firefox中的滚动条颜色更改
我想在Firefox中更改滚动条颜色。我怎样才能做到这一点？
问题答案：
在Firefox中更改滚动条颜色并不像在Internet
Explorer和Opera中那样简单。Firefox仅允许通过主题设置滚动条的样式。这是一件好事。许多用户不喜欢界面设计师随心所欲地随意更改界面小部件的外观。对于可能使用高对比度主题的视障访客来说，更改界面部件的外观甚至可能是一个更大的问题。
就是说，如果滚动条包含在<div>页面的内，则可以创建一个自定义滚动条并使用JavaScript使其功能正常。这个jQuery插件看起来很不错
运作方式如下：
在文档的内部<head>，我们必须引用几个样式表和脚本（您可能已经从下载了这些样式表和脚本）。
这是绝大部分魔术发生的地方：
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="jquery.jscrollpane.css" />
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding:0;
}
#container {
height:100%;
width:100%;
margin: 0;
padding:0;
overflow: auto;
}
</style>
<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.mousewheel.js"></script>
<script type="text/javascript" src="jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.scroll-pane').jScrollPane();
});
</script>
假设css和js文件与html文件位于同一目录中。我们首先链接到提供的样式表。
然后，添加一些CSS以防止显示正常的滚动条。设置margin和paddingHTML和身体为0，并设置height为100％。我们所有的内容都将包装在一个ID为“容器”的div中。这个容器正好填满了页面（高度：100％；宽度：100％；），并且窃取了滚动内容，因此我们可以自定义滚动条（overflow: auto;）。
然后，我们引用所有适当的脚本。在这里，我使用的是Google托管的jQuery副本，我再次假设所有本地脚本都与html文件位于同一目录中。jQuery的最后一点是使用“
scroll-pane”类查找所有div，并向其添加适当的元素和滚动功能。
html然后非常简单。
<body>
<div class="scroll-pane" id="container">
All of your content for the page goes here.
</div>
</body>
如果您做对了所有事情，那么您的页面应类似于我的示例。
-
我想将JScrollPane滚动条颜色更改为黑色。我试图使用UIManger进行更改。但什么也没找到。
-
问题内容： 我尝试更改滚动条的颜色，但是在这里它不起作用。 CSS： 问题答案： 您可以为webkit使用以下属性，这些属性可以连接到 影子DOM ： 这是一个带有红色滚动条的工作小提琴，基于此页面上的代码解释了这些问题。 使用此解决方案和您的解决方案，您可以处理除Firefox之外的所有浏览器，Firefox在这一点上我认为目前仍需要JavaScript解决方案。
-
我有一个固定的头与一个标志和一些文本。这些元素当前为白色。（背景颜色:#fff) 当我向下滚动时,各部分以不同的背景颜色显示： 我想改变标题中元素的颜色，这取决于标题当前在上面的部分。我可以做混合模式（白色/黑色），但我也有绿色部分。我也可以这样做，检查什么部分是在视图中，然后改变颜色。 但是我想知道是否有某种方法可以通过JavaScript获得当前在header下面的元素（在div下面的div）
-
问题内容： 我想创建一个可以滚动但不显示滚动条的div。我已经找到了Webkit的解决方案（如下），但是如何在其他浏览器中实现呢？ 我宁愿避免使用javascript插件。希望找到CSS或特定于供应商的解决方案。 问题答案： 您必须将可滚动div包裹在另一个div中，以隐藏滚动条。 。 顺便说一句：一个漂亮的jQuery小插件jScrollPane使用了相同的技术
-
如何设置没有背景色的导航栏？ 当在div之后向下滚动导航条时，导航条会得到一个新的背景颜色（导航条应该固定在顶部，我在引导中使用） 我尝试过一些教程，但没有成功。 这是网站：http://attafothman.olympe.in/ 我说的是上面那个黑色导航条。
-
问题内容： 我想用CSS自定义滚动条。 我使用此WebKit CSS代码，该代码非常适合Safari和Chrome： 如何在Firefox中执行相同的操作？ 我知道我可以使用jQuery轻松地做到这一点，但如果可行，我宁愿使用纯CSS做到这一点。 将不胜感激某人的专家意见！ 问题答案： Firefox 64添加了对规范草案CSS滚动条模块级别1的支持，该模块添加了的两个新属性，并提供了一些如何显示