【问题标题】:Extend movement of input range with large custom thumb image使用大型自定义拇指图像扩展输入范围的移动
【发布时间】:2020-03-13 03:59:10
【问题描述】:

我正在使用 40 像素 x 80 像素的图像作为拇指背景来制作自定义输入范围。通常,拇指仅在轨道长度内从一个边缘移动到另一个边缘。我希望拇指与轨道的边缘重叠,以便图像的中间接触轨道的两端。

【问题讨论】:

  • 你能发布一个完整的可验证的例子吗?通过jsfiddle?如果没有更多示例,很难诊断您的意思。另见stackoverflow.com/questions/21527475/…
  • 请注意,拇指的顶部不会像真正的滑块那样越过顶部边缘,而底部也不会像真正的滑块那样越过底部。
  • 试试这样:jsfiddle.net/sc5d2eba 问题(我认为)是使高度下降的变换。至少在那个 webkit 的例子中,它可以满足我的想法
  • 我的目标是拥有 40x80 像素的拇指,并且我希望滑块的任一端都有 40 像素的重叠,类似于混合器。为了清楚起见,我用拇指偏移做了另一个小提琴并删除了所有的变换。请注意,拇指不会超出轨道的任一端。 jsfiddle.net/vkscypah

标签: html css


【解决方案1】:

好的,我已经找到了一个简单的答案。关闭输入范围装饰并放置在 div 中,并将 div 装饰成轨道、中心等。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-12
    • 2020-10-21
    • 2021-09-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多