마우스 휠로 다음 페이지로 스크롤

마우스를 스크롤하여 현재 페이지를 다른 페이지로 변경해야합니다.마우스 휠로 다음 페이지로 스크롤

다른 게시물을 변경하려면 Wordpress에서 정상적인 기능을 상상해보십시오 ... prev_post 및 next_post. 템플릿에서 사용하면 두 개의 링크가 표시됩니다. 하나는 이전의 게시물이고 두 번째는 다음 게시물입니다. 그 중 하나를 클릭하면 다음 또는 이전 페이지로 이동합니다. 마우스 휠을 움직여 똑같은 일을해야합니다.

누구나 어떻게 할 수 있습니까? 이 비록

$(window).bind("mousewheel DOMMouseScroll", function(e){ 
    var delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail); 
    if(delta > 0) { 
     window.location.href = nextpage; 
    } else { 
     window.location.href = previouspage; 
    } 
});

오히려 성가신 될 수 있지만, 그건 그냥 제 의견입니다 :

출처

2013-08-13 Dalibor Slavík

좀 더 정확해야합니다. 다른 URL이나 다른 문서에서 * 다른 페이지를 가질 수 있습니다 ... –

몇 가지 코드를 공유 할 수 있습니까? – putvande

확인. 다음은 웹 사이트 http://www-kodovani.cz/vc2/re/입니다. 오른쪽에있는 화살표를 볼 수 있습니다. 당신이 그 (것)들을 클릭 할 때 당신은 포스트 사이 명부 작성을 예정 할 것이다. 나는 마우스 휠로 같은 효과를 낼 필요가있다. –

demo

var url = document.URL, // full page URL 
    pages = [ "index.html", "about.html", "contact.html" ], // LIST OF PAGES 
    // retrieve pagename and it it's "" means we're on index.html 
    currPage = url.substring(url.lastIndexOf('/') + 1) || "index.html",  
    wheelAt = $.inArray(currPage, pages), // get 0,1,2,3

또한 사용 Brandon Aaron jQuery mouseWheel plugin을 사용할 수 있습니다. 그냥 가서 아래로 wheelAt = 마우스 휠 최대 || (-1, +1)에 비해

당신은 마우스 휠의 브라우저로드
이 값을 변경할 때 배열의 페이지 번호가 to window.location = pages[ wheelAt ]

출처

2013-08-13 18:03:31

알아. 좋아 보인다. 감사합니다 –

@ user2679576 당신을 환영합니다! –

코드를 사용해 보았지만 제대로 작동하지 않습니다. 당신은 그것을 여기에서 확인할 수있다 http://www-kodovani.cz/vc2/ahoj-vsichni/ –

내가 좋아하는 뭔가 말할 것입니다.

출처

2013-08-13 17:55:29 putvande

마우스 휠로 다음 페이지로 스크롤

답변

관련 문제