html - 可拖动位置栏的最佳元素。

Question

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

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

<progress> 

元素，或者也在考虑使用

<input type="range">

还是我们应该自己动手并扔一些javascript？

Answer 1

从语义上讲，您的用例最好由numberorrange输入类型来回答

<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