Cuộn trang theo chiều ngang với con lăn chuột - Thủ thuật CSS

Anonim

1) Tải jQuery và plugin Mouse Wheel

Plugin Mouse Wheel có ở đây.

2) Đính kèm sự kiện con lăn chuột vào nội dung

“30” thể hiện tốc độ. PreventDefault đảm bảo trang sẽ không cuộn xuống.

$(function() ( $("body").mousewheel(function(event, delta) ( this.scrollLeft -= (delta * 30); event.preventDefault(); )); ));

Xem Bút
cuộn ngang bằng con lăn chuột của Chris Coyier (@chriscoyier)
trên CodePen.