Draggable位置栏的最佳元素。

Question

我正在创建一个包含可拖动位置栏的应用。此元素允许您在书中拖动章节并在视口底部看到。很像Kindle或其他移动阅读应用程序。

我想听听你对使用什么元素的想法。

<progress> 

元素，或者也在考虑使用

<input type="range">

或者我们应该自己动手并抛出一些javascript吗？

Answer 1

从语义上讲，number或range输入类型最能回答您的使用案例

<input type="number" max="50" min="1" value="10">
<input type="range" max="50" min="1" step="1" value="10">

挑战在于造型。

Filament Group做了一些有趣的工作，为各种输入创建了可访问的滑块控件，包括数字：http://filamentgroup.com/dwpe/slider/

Github上的代码：https://github.com/filamentgroup/jQuery-Slider