Как я могу поместить элемент - например, сложный курсор, непригодный для свойства cursor
- относительно позиции мыши с помощью CSS 3?Элемент позиции относительно курсора с использованием чисто CSS3
Я знаю, как это сделать с помощью JavaScript, но он кажется слишком изменчивым; Я бы предпочел использовать CSS и вернуться к jQuery, когда не хватает поддержки. (Событие, когда я работаю с элементами напрямую и обходит jQuery, он слишком медленный.)
JavaScript может использоваться для подготовки и при необходимости. Хотя предпочтительнее для принципала, JavaScript допустим, если он не отвечает за обновление элемента каждый раз, когда движется мышь.
Я прошу, чтобы ответы не использовались, чтобы понять, почему этого не может быть достигнуто, поскольку CSS быстро развивается, и будущий потенциал решения этой проблемы может измениться. Не стесняйтесь размышлять о всех, что вы хотите в комментариях.
Я использую Sass (SCSS) с Compass и jQuery вместе со своей собственной инфраструктурой JavaScript.
Вы ищете функциональность drag + drop или что-то еще? D + D является частью спецификации HTML5 и должен быть довольно легко работать. Это потребует некоторого JS, но не должно быть «изменчивым». В любом случае, даже в случае отсутствия нативного D + D то, что вы просите, должно быть возможным, не будучи «изменчивым»; если он изменчив, вам стоит подумать о том, чтобы выполнить анализ производительности вашего JS-кода. Скорее всего, у вас есть события, которые увольняются неоднократно, когда вы двигаете мышь, которая пытается сделать слишком много работы. – Spudley
Я использую это, чтобы значок загрузки следовал за курсором во время запроса ajax. По спецификациям дизайна он должен быть отделен от кузовов - это не зависит от меня. Если вы можете взломать API-интерфейс drag-n-drop, чтобы заставить его следовать курсору, это будет работать нормально. События тщательно контролируются и только увольняются, когда это абсолютно необходимо. '$ (window) .on ('mousemove', ...)' - это единственный соответствующий код, и он продолжает обработку до простого обновления позиции, даже никаких вычислений. Все это 'off()' 'd, когда больше не используется. – Zenexer
@Spudley Я посмотрел API перетаскивания. Это довольно близко, но, к сожалению, он позволяет только изображению следовать курсору. Мне нужно что-то более сложное, поскольку я работаю со списком спрайтов. – Zenexer