网页单指卷轴-什么技术？工作上的例子？

Question

设置：

我有一个网站，是本地托管在桌面电脑，我有一个触摸屏连接到那个桌面。该网站是在触摸屏上使用Firefox浏览的。

需求：

• 启用一个手指滚动我的网站从触摸屏。
• 它的行为应该与目前iPhone的单指滚动完全一样。
• 它只需要在Firefox中工作。

问题：

• 在这种情况下，最好的技术是什么？(JQuery/Javascript/CSS?)
• 你能为我提供一个有用的例子/解决方案吗？

非常感谢。

Answer 1

我让你算出细微差别，但是像这样的东西给你一个想法。

$(function(){

    var dragYStart;
    var dragScrollStart;
    $(window).one('mousedown',startDrag);

function startDrag(e){
    dragYStart = e.pageY;
    dragScrollStart = $(window).scrollTop();
    $(window).on('mousemove',drag);
    $(window).one('mouseup',stopDrag);
}
function stopDrag(e){
    $(window).off('mousemove',drag);
    $(window).one('mousedown',startDrag);
}
function drag(e){
    var delta = dragYStart - e.pageY;
    $(window).scrollTop(dragScrollStart + delta);
}

});

见示例

Answer 2

更新..。今早发现了这个。这可能正是你想要的

http://zynga.github.com/scroller/

Answer 3

使用“js”js插件--我还使用了swipe事件处理程序:D http://hoangminhdat.com/myLab/dragScrollJS/

它不能在手持设备上工作，但是在桌面上工作得很好，它也非常简单

我做到了:D