Тимур Яхин

Используется свойство css transition
В примере выглядит так:

transition: all 0.85s ease;

- то есть все свойства блока, к примеру цвет фона (all) меняются плавно в течении 0,85 секунд с нарастанием вначале и убыванием в конце скорости изменения (ease).

Если использовать для фото товаров то вначале нужно как нибудь узнать цвет фона фото (к примеру заранее на сервере с помошью php, либо сразу на клиенте с помащью javascript), и потом менять цвет фона блока (с помощью javascript), а плавность изменения обеспечит css.

Думаю прилично загрузит слабую машину. Для проверки к примеру можно Chrome, консоль разработчика, вкладка Profiles

Навесить обработчик, который будет проверять положение скрола, и подбивать к тому или иному краю.

$(document).scroll(function() {
	if ($(document).scrollLeft() < ($(document).width()-$(window).width())/2) {
		$(document).scrollLeft(0)
	} else {
		$(document).scrollLeft($(document).width()-$(window).width())
	}
})