アトリエロワ

横スクロール要素をマウスホイールで動かせるjavascript

jsに下記を記載


$(function () {$.fn.mycus_hScroll = function (amount) {
	amount = amount || 120;
	$(this).bind("DOMMouseScroll mousewheel", function (event) {
		var oEvent = event.originalEvent, 
		direction = oEvent.detail ? oEvent.detail * -amount : oEvent.wheelDelta, 
		position = $(this).scrollLeft();
		position += direction > 0 ? -amount : amount;
		$(this).scrollLeft(position);
		event.preventDefault();
	})
};
});

$(function() {
	$("●●スクロールさせたいid、classなど●●").mycus_hScroll(60); // スクロール量を調節
});

HOME > javascript > 横スクロール要素をマウスホイールで動かせるjavascript

javascript

javascript

+ More