mousemove event handler

avatar_mousemove.js

// Обработчик наведения курсора мыши на аватарку (плавное смещение фона при движении курсора мыши над аватаркой)
avatarHoverEvent: function(e) {
	var $this = $(e.currentTarget),
		offset = $this.offset(),
		side = this.avatarsSide,
		x = e.pageX - Math.floor(offset.left),
		y = e.pageY - Math.floor(offset.top),
		percentX = Math.round(x / side * 100),
		percentY = Math.round(y / side * 100),
		dataType = $this.attr('data-type');

	if (dataType != 'total') {
		$this
			.find('.js-feed-item-icon-content')
			.css('background-position', percentX + '% ' + percentY + '%');
	}
}

Переписал всё на чистый js с кешированием и без использования jQuery. Визуально не увидел улучшения производительности ._.

попробуй animate вместо css - изменение позиции возможно будет плавнее

@s0ber Ну скинь ссылочку что ли посомтреть как переделал

@a-ignatov-parc Всё потер уже, к сожалению. Но там как оказалось некоторые вещи были некроссбраузерными.

Такой функционал необходимо реализовывать за счет нескольких событий:

• mouseenter - ты получаешь offset() иконки + позицию мышки так же ты высчитываешь получаешь все необходимые значения + ты кешируешь необходимые дом элементы;
• mousemove - по позиции мышки и ранее закешированым значениям ты высчитываешь окончательное смещение и выставляешь его закешированному элементу