jquery 마우스 휠 이벤트

Question

특정 부분만 fullpage.js 같은 효과가 필요해서아래처럼 스크립트를 넣었는데요.. var win_h = $(window).innerHeight(); $(".section.bnr").off().on("wheel touchmove mousewheel DOMMouseScroll",function(e){ e.preventDefault(); e.stopPropagation(); $(".section.bnr").each(function(index){ $(this).attr("data-index",win_h * index); }); var sectionPos = parseInt($(this).attr("data-index")); if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) { //up $("html, body").clearQueue().animate({scrollTop:sectionPos - win_h}); return false; } else if (e.originalEvent.wheelDelta < 0 || e.originalEvent.detail > 0) { //down $("html, body").clearQueue().animate({scrollTop:sectionPos + win_h}); return false; } }); 모바일에서 안되는 문제도 있고,PC에선 잘 되는데 일부 맥북같은 노트북에서는 섹션별로 잘 멈춰지지가 않는 것 같아서ㅠㅠ...뭔가 다른 방법이 있을까요..? 사이트에 스크롤 관련 다른 플러그인들이 있는데 충돌이 문제인건지.. 도움주시면 감사드리겠습니다.ㅜㅜ

jquery 마우스 휠 이벤트

0개의 답변

Q&A 목록