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

Question

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

• 水平滚动不起作用（垂直）
• 滚动窗格（和相应的滚动条）未在窗口调整大小
上调整大小
• 如果窗口缩小得太高，垂直条右侧会出现奇怪的变色
• 我可以控制滚动条宽度;默认的垂直滚动条太窄

Answer 1

按顺序回答您的问题：

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

   然而，我发现由于浏览器如何处理问题，我的Mac上的Webkit浏览器（Chrome和Safari）中的水平滚动不不起作用水平滚动条以及LionBars脚本本身如何检测水平滚动条。您可能想与此联系开发人员。

2. Scrollpane没有调整大小：不确定你的意思。请详细说明？您已将#parent和#child定义为固定像素大小，因此它们显然不会调整大小。如果您希望它能够流畅地调整大小，请尝试使用百分比。

3. “奇怪的变色”：这是因为脚本实际上只是将滚动div的可视区域之外的实际滚动条偏移一个像素数量。缩小后，由于滚动条宽度与缩放成比例变化，偏移量变得太小而无法挤出所有滚动条，因此会中断。你看到的那种奇怪的变色是一些滚动条挤回到视野中。同样，您可能想告诉开发人员。

4. 更改滚动条宽度：是的！只需在.vertical中修改.horizontal和lionbars.css的值。

修复问题1＆amp;上面的3将需要一些摆弄脚本。这不完全相同（没有漂亮的淡入淡出，你必须自己设计它的样式），但你可能想要考虑使用这个插件，因为它似乎更加开发和整体兼容：{{3 }}