Javascript $.noUiSlider垂直滑块，最大值在顶部，最小值在底部

$.noUiSlider滑块在使其垂直并尝试使用方向选项在顶部获取最大值，在底部获取最小值时工作不正常。下面是代码

noUiSlider.create(document.getElementById('slider-range'), {
  start: [20, 50],
  direction: 'rtl',
  orientation: 'vertical',
  tooltips: [true,true],
  range: {
    'min': [ 10 ],
    'max': [ 90 ]
  }});

---

您应该尝试不使用围绕最小值和最大值的[and]：

   noUiSlider.create(document.getElementById('slider-range'), {
      start: [20, 50],
      direction: 'rtl',
      orientation: 'vertical',
      tooltips: [true,true],
      range: {
        'min': 10,
        'max': 90
      }})

此处演示：

---

这里有更多详细信息和文档：

我尝试了您的解决方案，但没有成功。仍然得到相同的输出。@SaktiebNath是否定义了高度？这里它的工作原理：感谢解决方案，只有css才是问题所在。工作正常。