跨浏览器样式滚动条
我知道这是 可能 IE 和 Opera。
在 Chrome 和 Firefox 中如何为滚动条添加样式?
(我需要设置 overflow:scroll
样式,而不是浏览器滚动条)
我知道这可以通过 jquery。
那么在检测到 FF 或 Chrome 后我是否应该拼命使用 JavaScript 呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

发布评论
评论(2)
短暂陪伴 2024-12-18 04:58:09
如果您使用 PHP,这里的函数将在作为参数传递给该函数的类中输出所有浏览器所需的 css。然后,您在脚本的
function WriteScrollBarsStyle ($thumb_color_code,$track_color_code,$border_width='2px',$class_name='ScrollBarsColored') {echo
.{$class_name} {
scrollbar-color:#{$thumb_color_code} #{$track_color_code};
}
.{$class_name}::-webkit-scrollbar {
height:100%;
}
.{$class_name}::-webkit-scrollbar-track {
border:{$border_width} solid #{$thumb_color_code};
background:#{$track_color_code};
background-color:#{$track_color_code};
}
.{$class_name}::-webkit-scrollbar-thumb {
border:{$border_width} solid #{$track_color_code};
background:#{$thumb_color_code};
background-color:#{$thumb_color_code};
}
.{$class_name}::-webkit-scrollbar-thumb:hover {
background:#{$thumb_color_code};
background-color:#{$thumb_color_code};
}";
}
)脚本中的 PHP :
<html><head>[...]
<style>[...]<?php WriteScrollBarsStyle('DCAB88','950505'); ?>
</style>
颜色代码不需要 # :) 如果您没有处于怪异模式...
PS 我们如何粘贴带有回车符的代码并按此处的 {} 按钮?每次我尝试时,我的代码都会被截断,而且我太愚蠢或不耐烦去寻找如何处理这个非常反直觉的界面细节......
~没有更多了~
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
查看 JScrollbar
Check out JScrollbar