Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 围绕光标进行放大的滑块_Javascript_User Interface_Slider - Fatal编程技术网

Javascript 围绕光标进行放大的滑块

Javascript 围绕光标进行放大的滑块,javascript,user-interface,slider,Javascript,User Interface,Slider,很难使用覆盖范围大、粒度细的(网页)滑块。一方面,它很容易在整个范围内移动。另一方面,假设粒度足够细,则很难精确定位所需的点 我认为围绕光标的放大效果可以解决这个问题(假设问题确实存在) 我通过谷歌寻找现有的解决方案或想法,但什么也找不到 有什么建议吗 我怀疑这是否是你想要的,但是。。。在Mac OSX中,按住控制键并移动滚轮将放大和缩小。我很难想象这样一种场景,即拥有如此多的数据以至于这种性质的滚动会成为您想要的问题。在几乎所有情况下,将数据分块或以其他方式减少数据更为合理 唯一有意义的是视频

很难使用覆盖范围大、粒度细的(网页)滑块。一方面,它很容易在整个范围内移动。另一方面,假设粒度足够细,则很难精确定位所需的点

我认为围绕光标的放大效果可以解决这个问题(假设问题确实存在)

我通过谷歌寻找现有的解决方案或想法,但什么也找不到


有什么建议吗

我怀疑这是否是你想要的,但是。。。在Mac OSX中,按住控制键并移动滚轮将放大和缩小。

我很难想象这样一种场景,即拥有如此多的数据以至于这种性质的滚动会成为您想要的问题。在几乎所有情况下,将数据分块或以其他方式减少数据更为合理

唯一有意义的是视频播放器上的搜索栏/洗涤器。如果您的播放器是400px宽,带有360px宽的洗涤器,但视频是一小时长的,那么您将获得的最佳粒度是每步10秒(步长为1像素)


如果这还不够粒度,那么您可能需要使用另一个UI约定(可能是放大镜)来增强您的洗涤器,但也可能是其他东西。就像一个“跳转到点”的文本字段,允许用户在整个时间内搜索到准确的位置。

这听起来像是在寻找某种东西(视觉上)比如OSX dock。这被称为鱼眼效应。有一个jQuery插件,您可以使用滑块调整和合并,以提供所需的功能

视频就是一个很好的例子。仅仅是试图找到正确的位置,即使间隔10秒,也可能是一个挑战。为什么不让“移动到4:10”和移动到滚动条末端一样快速?是的,但是缩放会很笨拙。为什么不实施一个类似于径向刻度盘的单独控制装置?skee条用于快速移动数据,刻度盘用于微调调整。我想我认为自动放大(想想Mac dock)比两个控件要简单,但两者都值得一试。两个控件的优点是这些小部件已经存在:-)我见过对数比例滑块,顺便说一句。如果所需的粒度随数据点的变化而变化,这是非常好的。是的,但是自动放大意味着你失去了与未放大的搜索器一起快速移动的速度。无论如何,我对“常开”放大镜的使用有多容易持保留态度。我并不是说不要使用放大镜,我想你只是不再试图把这些都强加给一个UI控件。