在Javascript中复制Android快速滚动

时间:2011-10-20 20:57:06

标签: javascript jquery android mobile jquery-mobile

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

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

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

考虑到Javascript和移动浏览器的局限性,这可能吗?
如果是的话,我将如何大致这样做?

2 个答案:

答案 0 :(得分:1)

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

1)您可以尝试处理使用CSS和JS的组合来设置一个“静态”div,它根据$(window).scroll设置它的位置 - 但它已经被我使用scroll()的经历在某种程度上被破坏了...跨越浏览器......这很糟糕。

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

显然,我推荐第二种方法:完全躲避滚动()。

如果我需要进一步扩展这一点,请告诉我这是一个合适的答案。

答案 1 :(得分:1)

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

希望它有所帮助...