NN
курсор вроде бегает, но почему то стрелка высоко от него
Size: a a a
2021 April 23
NN
а должен на уровне быть
UT
то есть бегает за курсором, но чуть на расстоянии?
AH
не уверен, что это совсем то, что нужно
NN
все равно немного не так бегает, как будто с задержкой или типа того
NN
могу прислать проект, если интересно посмотреть
sr
transform-origin , наверное дело в нём
NN
и как исправить?
sr
UT
целый проект не хочется скачивать, был бы codepen, так бы проще было помочь гораздо.
Если проблема в том, что на расстоянии объект, то надо просто формулы x и y подправить. 87 — это что, ширина/высота твоего кружка?
формула примерно такой должна быть x = e.clientX - rect.left - ширина/2
Если проблема в том, что на расстоянии объект, то надо просто формулы x и y подправить. 87 — это что, ширина/высота твоего кружка?
формула примерно такой должна быть x = e.clientX - rect.left - ширина/2
UT
а, ну или transfor-origin, да, наверное будет проще
NN
я честно не знаю что это
NN
это где его прописать?
NN
$('.main').on("click mousemove", function(e) {
var cursor = $(".volume__btn"),
rect = this.getBoundingClientRect(),
x = e.clientX - rect.left - 87,
y = e.clientY - rect.top - 87;
cursor.css("transform", "translate(" + x + "px," + y + "px)");
});
var cursor = $(".volume__btn"),
rect = this.getBoundingClientRect(),
x = e.clientX - rect.left - 87,
y = e.clientY - rect.top - 87;
cursor.css("transform", "translate(" + x + "px," + y + "px)");
});
sr
css к play
UT
хотя подожди, transform-origin тут не поможет же. Какая разница, к какой точке прилагать сдвиг? Он влияет на поворот и скейл
UT
вот пробовал вместо 87 другие значения ставить и подобрать нужный сдвиг?
NN
навел меня на мысль)
NN
я похоже понял, в css нао прописать кое что и там в js подправить и должно сработать