Можно ли создать собственный курсор с прокруткой страниц на мобильном устройстве с помощью JS? [закрыто] ⇐ Html

[Anonymous]

Я пытался создать собственный курсор для мобильных устройств, но когда страница прокручивается, пользовательский курсор не следует за вашим пальцем должным образом или пропускает кадры.
Удалось ли кому-нибудь создать собственный курсор для мобильных устройств, который следует за вашим пальцем при касании экрана с помощью JS?
У меня есть простой пример кода для создания курсора:

Код: Выделить всё

    // Cursor logic
const cursor = document.getElementById('cursor');
let isTouching = false;

const updateCursorPosition = (x, y) => {
// translate3d + position
cursor.style.transform = `translate3d(${x}px, ${y}px, 0)`;
};

document.addEventListener('touchstart', (e) => {
isTouching = true;
const touch = e.touches[0];
updateCursorPosition(touch.clientX, touch.clientY);
cursor.style.opacity = '1';
}, { passive: true });

document.addEventListener('touchmove', (e) => {
if (!isTouching) return;
const touch = e.touches[0];
updateCursorPosition(touch.clientX, touch.clientY);
}, { passive: true });

document.addEventListener('touchend', () => {
isTouching = false;
cursor.style.opacity = '0';
});

Я заметил, что это чаще происходит в таких браузерах, как Chrome, но не в Firefox.

Подробнее здесь: https://stackoverflow.com/questions/798 ... e-using-js