Estaba creando un sitio web y mi cliente quería que la navegación fuera táctil en el escritorio, busqué y no encontré nada que me ayudara, así que lo publico aquí por si alguien lo necesita.
const mouse = { x: 0, y: 0, mouseMove: false, screenPosition:{ x: 0, y: 0 } }; window.addEventListener('mousedown', (e) => { //to take the mouse position and screen; mouse.screenPosition.x = window.scrollX; mouse.screenPosition.y = window.scrollY; mouse.x = e.clientX; mouse.y = e.clientY; mouse.mouseMove = true; }) window.addEventListener('mouseup', () => { mouse.mouseMove = false; }) window.addEventListener('mousemove', (e) => { //to take the mouse position //prevent mouse comportament e.preventDefault(); if(mouse.mouseMove){ const x = e.clientX - mouse.x; const y = e.clientY - mouse.y; window.scrollTo( mouse.screenPosition.x - x, mouse.screenPosition.y - y, ); } })
¡Creé un sitio web que en el escritorio usas la navegación táctil!