如何设置手柄中间nouislider

Question

如何在不设置起始值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;
    });
    
  }

Answer 1

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

如何设置手柄中间nouislider

how to set the handle middle nouislider

javascript

slider

uislider

nouislider