触摸兼容的JS快速导航洗涤器

Touch-compatible JS quick navigation scrubber?

本文关键字:导航 洗涤器 JS 触摸      更新时间:2023-09-26

在iOS上的长列表中,右侧有一个快速导航"洗涤器",您可以用手指刷过它以快速从一个项目跳到下一个项目,例如,在音乐应用程序中,如果您有足够的音乐可用,您将看到ABCD...允许您快速跳转到列表中的字母表中的字母。

有谁知道使用锚标签在网站上重新创建这种基于触摸的行为的库或插件?

如果没有,是否有任何推荐的方法?我目前的想法是,如果可能的话,禁用锚点的触摸事件,并在父div上捕获touchstart和touchmove,然后将触摸的坐标与锚标签的坐标进行比较,并触发人为的"点击"事件以导致导航。

提前感谢任何帮助。

https://github.com/desmosinc/scrubber

简单,有吸引力的html + js洗涤器控制。

在最新版本的Firefox,Chrome,Safari和IE9+中进行了测试。工程 使用鼠标事件和触摸事件。