Search code examples
javascriptjquerynouislider

$.noUiSlider Reverse Direction of Vertical Slider

$.noUiSlider (http://refreshless.com/nouislider/)

Is there a way to reverse the direction of a vertical slider? Meaning, can the min value be at the bottom and max value at the top? I achieved it by setting the range to min: -15, max: 0 but that results in negative values which you then have to convert.

Is there a proper way to do it? There is a way to reverse direction for horizontal sliders but I can't find anything about sliders in the vertical orientation.

Thanks!

Solution

  • The direction option applies to vertical sliders too. Setting rtl sets bottom-to-top behaviour.

    See this example for more information.