javascript - page - scroll slow jquery
Desplazamiento con un solo dedo para página web: ¿qué tecnología? ejemplo de trabajo? (4)
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);
}
});
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.
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
ACTUALIZAR ... encontré esto esta mañana. esto es probablemente lo que quieres
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