在 Javascript 中复制 Android 快速滚动答案

【问题标题】：Replicate Android fast scroll in Javascript在 Javascript 中复制 Android 快速滚动
【发布时间】：2011-10-20 20:57:05
【问题描述】：

在我目前正在开发的网络应用程序中，我在一页上显示大量数据，按时间顺序排序。

类似于 Android 上的“快速滚动”或 iOS 上的类似功能会非常方便，即屏幕侧面的手柄可以快速滚动页面，可能会在旁边显示当前位置。

这样的东西似乎已经不存在了，所以在我开始尝试自己实现它之前，我的问题是：

考虑到 Javascript 和移动浏览器的限制，这可能吗？
如果是，我将如何大致执行此操作？

【问题讨论】：

【解决方案1】：

您认为这不是一件容易实现的事情是正确的。我的两分钱：

1) 您可以尝试使用 CSS 和 JS 的组合来处理一个“静态”div，它根据 $(window).scroll 设置其位置——但它一直我使用 scroll() 的经验被破坏了......以某种方式......跨浏览器......这很糟糕。

2) 您也可以尝试使用全屏容器 DIV，其“内容”子 DIV 的溢出：隐藏和边距顶部设置为“-ScrollAmount”... MaxScrollAmount 来自 $('#content ').height();

显然，我推荐第二种方法：完全避开 scroll()。

让我知道我是否需要进一步扩展它才能成为合适的答案。

【讨论】：

【解决方案2】：

您可以创建两个类似于滚动条箭头的按钮。该按钮应该浮动并且永远可见。附加到鼠标悬停事件并确定经过的时间。也开始滚动内容或窗口，根据在按钮上花费的时间增加速度。

希望对你有帮助...

【讨论】：