데스크탑 브라우저에서 수평 iScroll 문제가 발생했습니다.

Question

iScroll.js를 사용하여 데스크톱 웹 사이트에 수평 스크롤을 구현하려고합니다. 끌기가 잘 작동하고 스타일이 적용되었지만 스크롤하는 데 문제가 있습니다.

처음에 나는 iScroll 4.1.7 마우스 휠이가 정상적으로 작동하지 않는 사용하는 PC의 맥 크롬과 사파리 사용자가 트랙 패드 환경 설정을 활성화 한 당신이 경우, 특히, 기본 스크롤 방지에 문제가있는 경우 : 출근을 페이지 사이, 경우를 왼쪽 (뒤로)으로 스크롤하면 이전 페이지가 열립니다. Firefox가 스크롤됩니다. 끌기가 잘 작동합니다.

다음 시도 v4.2.5 : https://github.com/cubiq/iscroll 데스크톱 브라우저에서는 스크롤하거나 마우스를 움직이지 않는 것 같습니다. 끌기가 정상적으로 작동합니다. (여기 문서에 정의 된대로 : http://cubiq.org/iscroll-4) :

iScroll 4.1.7 http://anything.is/iscroll4-1-7

다음

<script type="application/javascript" src="iscroll.js"></script> 
<script type="text/javascript"> 
var myScroll; 
function loaded() { 
myScroll = new iScroll('wrapper'); 
} 
document.addEventListener('DOMContentLoaded', loaded, false); 
</script>` 

의 데모입니다

이 내가 iScroll을 초기화하기 위해 노력하고있어 어떻게

iScroll 4.2.5 http://anything.is/iscroll4-2-5

내가 잘못된 것을하고 있다면 어떤 아이디어가 나오나, 이것이 진짜 이슈라면? 마우스 휠 옵션이 기본적으로 설정하도록되어있는 경우

Answer 1

난 정말 모르겠지만, 당신이 시도하고이처럼 추가 할 수 있습니다

function loaded() { 
    myScroll = new iScroll('wrapper', { 
     wheelHorizontal: true 
    }); 
} 

이는 크롬에 iscroll 4.2.2에서 테스트되어, 이는 완벽한 솔루션이 아니지만 확실한 해결책이라고 생각합니다. 4.2.5 그렇게해야합니다!

여기에 답변을 찾았습니다 : iScroll 4 horizontal mousewheel scroll 페이지에 jsFiddle이 있습니다. 체크 아웃 할 수 있습니다! 희망이 도움이되었습니다.