问题标签 [sliders]

我正在制作表格，用户将在表格中调整多个滑块。我想为每个滑块更新要在屏幕上显示的值。我尝试使用 来执行此操作getElementsByClassName，但是当我调整一个滑块时，输出值会显示在所有其他滑块中。我想我可以为每个滑块分配一个 id（大约有 20 个），但我想知道是否有更有效的方法来做到这一点。

以下是表格输入的 html 代码示例：

和JS代码：

有没有办法让滑块值文本显示表格中每个滑块的调整滑块值，getElementsByClassName或者我需要为所有滑块分配 20 个不同的 ID？谢谢。

我是编码新手，我试图在网站上找到多个范围滑块的价值。我有这段代码，它适用于第一个范围滑块。我的问题是我还有 3 个范围滑块，我似乎无法使用仅有的 1 个 javascript 来工作。我尝试使用 get.documentElementsByClassName 作为输入和输出，但是 javascript 似乎只在我使用 ID 时才有效。因此，我必须为执行相同操作的函数创建多个 id。有什么我想念的吗？任何帮助，将不胜感激。

演示

我正在使用后期处理工具来更改场景的颜色（我的场景包括一个 AR 相机，这是唯一的主要组件）。

我的目标是使用滑块改变场景的色调。该工具允许我在构建它时执行此操作，但我想确保我允许用户根据他们的选择更改色调（尝试构建色盲校正应用程序）。

例如，如果一个人患有 Deuteranopia，假设色相偏移 -35 部分允许他们看到在其他具有相同色盲类型的人的情况下不会看到的颜色，则色相可能会延迟。

所以，我希望你能帮助我创建一个后处理实用程序包控制器，让我可以使用 UI 滑块控制色相变化。

谢谢你。

正如你在这里看到的我的检查员，我想在我的画布上拥有相同的滑块控件：

我正在尝试使用 javascript 和 css 创建一个滑块。我认识到那里有“吨”，但我正在建立它来教育自己。

我附上了一段视频，显示了我正在尝试重新创建的示例的 HTML。特别是这显示了 MARGIN-LEFT 属性是如何改变的，使图像向左滑动。（请参阅顶部的第 3 行）

有谁知道或推断出 MARGIN-LEFT 属性是如何以这种方式改变的？

我通常只是使用 CSS 过渡属性来使图像滑动，但这似乎是在做其他事情。 点击看我的视频

我有 10 个附加了文本组件的滑块，它们应该显示滑块值并将值保存到 playerprefs。除了某些文本框在再次播放场景时不会更新/显示其文本之外，这一切都完美无缺。一半的文本框用它们从 playerprefs 中保存的值填充它们的文本值，另一半返回 null，即使它们的值被正确保存。

这是我保存值的代码（附加到每个滑块）：

并显示值（附加到每个文本组件）::

和错误：

图片 - 用于理解

如果我删除 debug.log 我得到一个空引用。

当我使用“移动图像”滑块时，如何防止 html 文档的正文滚动。目前，一个简单的拇指滑动会向上或向下发送页面。这在 IOS 设备上更为明显。

我有很多连接到图表的 ipywidgets 滑块，我希望将它们放在布局的左侧。除此之外，输出图应位于右侧，以优化空间并提高可用性。

没有分层的结果如下图：

结果没有分层

您有什么解决方案可以让滑块在左侧，输出在右侧吗？

我已经尝试过使用交互式 HBox + VBox：

但是有一个元组错误

TypeError: init () 接受 1 到 2 个位置参数，但给出了 3 个

也使用 inter.children.Output() 作为第二个参数不起作用。

我正在寻找一种方法来获取 2 个 HTML 滑块的值并将它们附加到 url（然后将用于更改图像源）。

这是我目前正在使用的：

我对 HTML 和 Javascript 完全陌生，所以请耐心等待 =)。

我使用“npm install --save react-native-range-slider”导入了第三方库并收到此错误！我找不到我错在哪里！请帮忙 ：）