javascript - 在 Javascript 中复制 Android 快速滚动

Question

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

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

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

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

Answer 1

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

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

2) 您也可以尝试使用全屏容器 DIV，其中包含一个“内容”子 DIV，其溢出:隐藏和 margin-top 设置为“-Scr​​ollAmount”... MaxScrollAmount 来自 $('#content ').height();

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

让我知道是否需要进一步扩展以使其成为合适的答案。