Блог

как установить ручку посередине, не устанавливая начальное значение 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;
    });
    
  }
 

noUiSlider.updateOptions() это лучшее решение вопроса.