Lionbars 的问题（CSS 滚动条小部件）答案

【问题标题】：Issues with Lionbars (a CSS scrollbar widget)Lionbars 的问题（CSS 滚动条小部件）
【发布时间】：2011-11-17 15:53:11
【问题描述】：

我真的很喜欢lionbars widget，但有些事情没有解决。我已经在本地研究了所有这些问题，所以在开始重新安排代码之前，我想我会问是否有已知的方法可以解决这个问题。

【问题讨论】：

嗨，Frye，你能用你的代码创建一个jsfiddle.net 吗？
好吧，我试着在 jsfiddle 上放一个基本的代码示例：jsfiddle.net/3XPNk/3。但是 Lionbars 甚至似乎都没有加载。它把它放在托管资源部分。

【解决方案1】：

按顺序回答您的问题：

水平滚动：您的代码已加载到 JSFiddle，但您将 LionBars 设置在错误的 div 上。只需在 #parent 而不是 #child 上设置 LionBar 功能，水平滚动应该可以工作：http://jsfiddle.net/3XPNk/8/

然而，由于浏览器处理方式存在问题，我发现水平滚动不在我的 Mac 上的 Webkit 浏览器（Chrome 和 Safari）中工作水平滚动条以及 LionBars 脚本本身如何检测水平滚动条。您可能需要就此联系开发人员。
滚动窗格未调整大小：不确定您的意思。请详细说明？您已将#parent 和#child 定义为固定像素大小，因此它们显然不会调整大小。如果您希望它流畅地调整大小，请尝试百分比。
“奇怪的变色”： 这是因为脚本实际上只是将实际滚动条偏移到滚动 div 的可视区域之外一个像素量。一旦你缩小，这会中断，因为滚动条宽度随缩放比例变化，并且偏移量变得太小而无法挤出所有滚动条。您看到的那种奇怪的变色是滚动条挤回视野的一点。同样，您可能想将此告诉开发人员。
改变滚动条宽度：是的！只需在lionbars.css 中编辑.vertical 和.horizontal 的值即可。

解决上述问题 1 和 3 需要对脚本进行一些修改。这不完全一样（没有漂亮的淡入淡出，你必须自己显着地设计它），但你可能想考虑使用这个插件，因为它似乎更发达和整体兼容：http://jscrollpane.kelvinluck.com/

【讨论】：