在我正在开发的Web应用程序中,我在一个页面上显示大量数据,按时间顺序排序。
类似于Android上的“快速滚动”功能或iOS上的等效功能非常方便,即屏幕一侧的手柄可快速滚动页面,可能会显示旁边的当前位置。
似乎没有这样的东西已经存在,所以在我开始尝试自己实现之前,我的问题是:
考虑到Javascript和移动浏览器的局限性,这可能吗?
如果是的话,我将如何大致这样做?
答案 0 :(得分:1)
你认为这不是一件容易实现的事情是正确的。我的两分钱:
1)您可以尝试处理使用CSS和JS的组合来设置一个“静态”div,它根据$(window).scroll设置它的位置 - 但它已经被我使用scroll()的经历在某种程度上被破坏了...跨越浏览器......这很糟糕。
2)您还可以尝试使用全屏容器DIV,其中'content'子DIV具有溢出:hidden和margin-top设置为“-ScrollAmount”... MaxScrollAmount来自$('#content “).height();
显然,我推荐第二种方法:完全躲避滚动()。
如果我需要进一步扩展这一点,请告诉我这是一个合适的答案。
答案 1 :(得分:1)
您可以创建两个类似于滚动条箭头的按钮。按钮应该浮动,永远可见。 附加到鼠标悬停事件并错过经过的时间。 也可以开始滚动内容或窗口,相对于按钮花费的时间增加速度。
希望它有所帮助...