jqvscroll_widget (API docs)
scrollable selectable widget for ATC simulations
In the demo app the ATC label is represented by blue coloured DOM element with a label text - CFL - and initial value of 000 DOM element with .cfl class name, which will be updated as widget instatiation calls for new selected value. If there is no selected value, then original contents of the CFL value will be used.
Fig01: Inititial form, no CFL value selected yet.
Fig02: After a "long click" or .vscroll("open") called,
still no CFL value selected. Then user selects 070, the widget closes then.
Fig03: Reopening the widget the selected value - 070 -,
going to be highlighted and focused into the viewport as possible.
Fig04: Having the previously selected element - 375 -,
the selected value is centered, and highlighted.
Then reopened list contains the selected value,
and focused into the center of the viewport as possible.
Operational range maximum value is set to 380.
All items/values above and below the operational range
are disabled.
See further info in the API docs