Перейдите на следующую страницу от mousewheel

Мне нужно изменить текущую страницу на другую, прокрутив мышью.Перейдите на следующую страницу от mousewheel

Представьте, нормальная функция на Wordpress для изменения другого сообщения ... prev_post и next_post. Когда вы будете использовать его в шаблоне, вы получите две ссылки. Один - это предыдущий пост и второй следующий пост. Когда вы нажмете на один из них, вы перейдете на следующую или предыдущую страницу. И мне нужно было бы сделать то же самое, прокручивая колесико.

Может ли кто-нибудь знать, как это сделать?

источник

2013-08-13 Dalibor Slavík

Вы должны быть немного точнее. У вас может быть * другая * страница на другом URL-адресе или в том же документе ... –

Можете ли вы поделиться некоторым кодом? – putvande

ok. Вот веб-сайт 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)
чем просто идти до window.location = pages[ wheelAt ]

источник

2013-08-13 18:03:31

Я знаю. Это выглядит хорошо. Спасибо –

@ user2679576 приветствуются! –

Я пытался использовать ваш код, но он не работает правильно. Вы можете проверить это здесь http://www-kodovani.cz/vc2/ahoj-vsichni/ –

Я бы сказал что-то вроде:

$(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 17:55:29 putvande

Перейдите на следующую страницу от mousewheel

ответ

Смежные вопросы