마우스 휠을 사용하여 웹 페이지의 수평 이동을 제어하는 ​​아이디어_javascript 기술

코드 복사 코드는 다음과 같습니다.

$('body').mousewheel(function(event, delta) {
var left=$(window).scrollLeft();
$(window).scrollLeft(left-(delta * 100) ))
event.preventDefault();
})

웹 페이지의 가로 스크롤을 구현하는 jquery 코드에는 mousewheel.js가 필요합니다. 간단히 말해서 윈도우의 scrollLeft 값을 설정하는 것입니다. 윈도우가 본문이 아니어야 합니다. 그렇지 않으면 스크롤에 문제가 발생합니다. 매우 당황했습니다. 바인딩된 이벤트 mousewhell도 본문에 있어야 하며 이는 IE8 이하 창에서는 지원되지 않습니다.