7

我目前正在开发一个响应式站点,并希望使用多手柄范围滑块。我使用过一些运行良好但没有响应的 JavaScript 解决方案。

我已经考虑了两个 html5 范围输入的选项,它们可以优雅地降级为旧浏览器上的文本输入。但是,我想知道是否有人遇到过用于具有多个句柄的范围滑块的 javascript 解决方案,该解决方案适用于响应式环境。有什么想法或提示吗?

4

7 回答 7

12

你可以看看noUiSlider

它支持大量设备上的触摸,并且适用于响应式设计。没有对 jQuery 等的依赖。

披露:我做到了。

于 2013-10-13T07:22:59.323 回答
4

查看我不久前为个人使用而编写的滑块。它同时具有线性(水平/垂直)和圆形实现,适用于桌面和移动设备,它是轻量级的(~5Kb)并且完全可定制。

在此处输入图像描述 在此处输入图像描述

于 2018-12-02T16:46:42.047 回答
2

试试 jQuery 范围滑块:http: //jqueryui.com/slider/#range

它在不同的浏览器中得到很好的支持。

于 2013-01-02T19:12:45.213 回答
1

这些看起来真的很漂亮,但我还没有尝试过:

http://ghusse.github.io/jQRangeSlider/demo.html

http://razorfish.github.io/JS-Range-Slider/

于 2013-06-06T09:43:57.287 回答
1

我使用了fd-slider polyfill / 和modernizr-loader,它可以在 ipad 上使用。其他设备没有测试,因为小屏幕版本没有使用它们。

于 2013-01-02T19:16:08.427 回答
0

由 2 个本机输入组成的多手柄滑块,由 Lea Verou 提供

于 2016-07-03T04:42:30.030 回答
0

对于那些仍然在这里,四处寻找选择的人,我遇到了这个:

http://vanderlee.github.io/limitslider/

它允许您传递一组值,甚至可以通过一组选项设置间隔。

于 2016-09-02T15:19:01.390 回答