【问题标题】: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 甚至似乎都没有加载。它把它放在托管资源部分。

标签: css widget scrollbar


【解决方案1】:

按顺序回答您的问题:

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

    然而,由于浏览器处理方式存在问题,我发现水平滚动在我的 Mac 上的 Webkit 浏览器(Chrome 和 Safari)中工作水平滚动条以及 LionBars 脚本本身如何检测水平滚动条。您可能需要就此联系开发人员。

  2. 滚动窗格未调整大小:不确定您的意思。请详细说明?您已将#parent#child 定义为固定像素大小,因此它们显然不会调整大小。如果您希望它流畅地调整大小,请尝试百分比。

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

  4. 改变滚动条宽度:是的!只需在lionbars.css 中编辑.vertical.horizontal 的值即可。

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

【讨论】:

  • 非常感谢您的反馈。我必须在某个时候回到狮子酒吧。我在这里采用了手动解决方案:jsfiddle.net/twashing/RzHJP
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-04-10
  • 1970-01-01
相关资源
最近更新 更多