在Javascript中复制Android快速滚动

在Javascript中复制Android快速滚动,javascript,jquery,android,mobile,jquery-mobile,Javascript,Jquery,Android,Mobile,Jquery Mobile,在我目前正在开发的web应用程序中,我在一个页面上显示了大量按时间顺序排序的数据 Android上类似于“快速滚动”的功能或iOS上的等效功能非常方便,即屏幕一侧的手柄可以快速滚动页面,可能会在页面旁边显示当前位置 这种情况似乎已经不存在了,所以在我开始尝试自己实施之前,我的问题是: 考虑到Javascript和移动浏览器的局限性,这可能吗? 如果是的话,我应该怎么做呢?你认为这不是一件容易实现的事情,这是正确的。我的两分钱: 1) 您可以尝试使用CSS和JS的组合来创建一个“静态”div,该d

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

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

这种情况似乎已经不存在了,所以在我开始尝试自己实施之前,我的问题是:

考虑到Javascript和移动浏览器的局限性,这可能吗?

如果是的话,我应该怎么做呢?

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

1) 您可以尝试使用CSS和JS的组合来创建一个“静态”div,该div根据$(window.scroll)设置其位置——但根据我的经验,使用scroll()是不正确的。。。以某种方式。。。跨浏览器。。。真糟糕

2) 您还可以尝试使用一个全屏容器DIV,其中的“content”子DIV具有溢出:hidden和margin top设置为“-scrollmount”。。。MaxScrollAmount来自$('#content').height()

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


如果我需要对此进行进一步扩展以使其成为合适的答案,请告诉我。

您可以创建两个类似于滚动条箭头的按钮。按钮应始终可见。 附加到mouseover事件,并确认经过的时间。 还可以开始滚动内容或窗口,根据在按钮上花费的时间增加速度

希望对你有帮助