html - 智能手机上的 HTML5 输入滑块很难

Question

我目前遇到了 HTML5 输入 [type=range] 的问题。它在桌面上的 chrome 中很好，但在智能手机上存在一些问题。用大手指很难改变滑块。加上你不能真正滑动，你只能点击范围输入。

您是如何将其集成到您的 HTML5 网站中的？

Answer 1

HTML5 input[type="range"] 显示了一个在桌面上运行良好的滑块。

在触摸屏手机上，您必须点击；不滑动。除了在 iOS 上，您首先必须点击滑块按钮，然后才能滑动它。

如果您想在智能手机上构建更好的滑块，您可能应该看看 jQuery UI 或某种移动框架（jQtouch、jquery mobile 等）。他们将根据设备优化输出。