如何设置手柄中间 nouislider

Posted 2023-03-13

【中文标题】如何设置手柄中间 nouislider

【英文标题】：how to set the handle middle nouislider

【发布时间】：2021-09-02 20:24:08

【问题描述】：

如何在不设置起始值50的情况下将句柄设置在中间。

目前我正在用这个插件制作一个滚动条。但问题是它始终以起始值打开。我不想要它。我想要这样的东西，首先滚动从 0 开始，手柄停留在滑块的中间。我如何实现它？

这是我的代码

  let verticalBaseSlider = document.getElementById("baseControler");
  if (verticalBaseSlider) 
    noUiSlider.create(verticalBaseSlider, 
      start: 50,
      direction: "ltr",
      orientation: "vertical",
      connect: 'lower',
      animate: false,
      range: 
        min: 0,
        max: 100,
      ,
    );

      verticalBaseSlider.noUiSlider.on("update", function (values, handle) 
        let panel = document.getElementById("four");
        let total = panel.scrollHeight - panel.offsetHeight;
        let percentage = total * (values[handle] / 100);
        panel.scrollTop = percentage;
    );
    
  

【问题讨论】：

您能描述一下您的问题吗？您已将代码添加到问题中，但具体是什么不起作用？

【参考方案1】：

noUiSlider.updateOptions() 是问题的最佳解决方案。