【问题标题】:jScrollPane - Thin scrollerjScrollPane - 瘦滚动条
【发布时间】:2011-05-20 21:56:05
【问题描述】:

我有一个宽度为 2px 的垂直滚动条。 问题是拖动器几乎不可能点击。是否有可能在拖动器周围添加某种白色间距以绕过我(缺乏)精细运动能力:)?

问候马库斯

【问题讨论】:

    标签: jquery jscrollpane vertical-scrolling


    【解决方案1】:

    实现这一点的最佳方法是将滚动条的宽度保持在可点击的范围内,例如 10 像素。然后使用边框(用于简单的固定颜色)或背景图形来提供拖动的视觉外观并将其背景颜色设置为透明。

    这是一个这样做的例子(使用边框): http://www.jsfiddle.net/vitch/2nPXf/

    如果您想使用图像,那么您应该执行以下操作:

    .jspVerticalBar .jspTrack
    {
        background: transparent url(/path/to/narrow/image.png) repeat-y 0 0;
    }
    

    (确保图像的宽度与您希望滚动条显示的一样宽)

    【讨论】:

    • 嘿。像魅力一样工作!非常感谢。
    • 很高兴它有帮助 :) 您可以将答案标记为正确,因为它回答了您的问题!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-13
    • 2021-03-22
    相关资源
    最近更新 更多