有大佬做过类似这样可拖动式百分比 多点进度条/滑块么

有大佬做过类似这样可拖动式百分比 多点进度条/滑块么


回答:

拖拽的时候,是拖拽的边框线。
百分比是根据当前的宽度与总体宽度来进行对比的。

具体思路:

  • 当鼠标处于边框线时,提示可拖拽(CSS)
  • 执行拖拽时,做偏移量判断并做边界值判断

    • 判断当前拖拽的动作是往左还是往右
    • 判断当前拖拽的块是第一块还是最后一块
    • 判断当前拖拽的偏移量是否超出边界值
    • 拖拽的时候,对被拖拽的块进行宽度重置和百分比重置
    • 当拖拽超出边界时,自动放弃函数计算,不然的话,就GG了。
    • 拖拽的方向跟拖拽的块,是一个行为关联的,往左时,是拖拽的边框线的右侧变宽,左侧变窄,往右拖动时,是边框线的右侧块变窄,左侧变宽。

      宽度累加即可
      百分比用当前块的宽度除以整体宽度,看精度要求自行处理

废话了一大堆,反正思路是这么滴,几年前做过,代码没了。

以上是 有大佬做过类似这样可拖动式百分比 多点进度条/滑块么 的全部内容, 来源链接: utcz.com/p/935818.html

回到顶部