javascript - page - scroll slow jquery

Desplazamiento con un solo dedo para página web: ¿qué tecnología? ejemplo de trabajo?

Question

Preparar:

Tengo un sitio web alojado localmente en una computadora de escritorio, tengo una pantalla táctil conectada a ese escritorio. El sitio web se ve en la pantalla táctil usando Firefox.

Requisitos:

• Habilite el desplazamiento con un solo dedo para mi sitio web desde la pantalla táctil.
• Debería comportarse exactamente de la misma forma que funciona el desplazamiento de un dedo de iPhone.
• Solo necesita funcionar en Firefox.

Preguntas:

• ¿Cuál es la mejor tecnología para usar en este caso? (JQuery / Javascript / CSS?)
• ¿Me puede proporcionar un ejemplo / solución de trabajo?

Muchas gracias.

Answer 1

Te dejaré resolver los matices, pero algo así te da una idea

$(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);
}

});

ver ejemplo

Answer 2

Para el desplazamiento de estilo iOS en dispositivos sensibles al tacto (también funciona muy bien en el escritorio) iScroll es una gran solución.

Señale el dispositivo táctil en cuestión a esta URL demo: http://lab.cubiq.org/iscroll/examples/simple/

Las características incluyen:

• Pinch / Zoom
• Tire hacia arriba / abajo para actualizar
• Mejora de velocidad e impulso
• Ajustar al elemento
• Barras de desplazamiento personalizables

-Via el iScroll 4 documentos

Answer 3

ACTUALIZAR ... encontré esto esta mañana. esto es probablemente lo que quieres

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

Answer 4

usar el complemento js "mine" También tengo el controlador de eventos swipe: D http://hoangminhdat.com/myLab/dragScrollJS/

No funciona en el dispositivo de mano, pero funciona muy bien en el escritorio, también es muy simple

Lo hice: D