Question

我需要通过滚动鼠标将当前页面更改为另一个页面。

想象一下，Wordpress上的正常功能可以更改另一个帖子... prev_post和next_post。当您在模板中使用它时，您将获得两个链接。一个是前一个帖子，另一个是下一个帖子。当您单击其中一个时，您将被移动到下一页或上一页。我需要通过滚动鼠标滚轮来实现相同的功能。

有谁知道怎么做？

Answer 1

我想说的是：

$(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;
    }
});

虽然这可能很烦人，但这只是我的意见。

Answer 2

<强> 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 ]

用鼠标滚轮滚动到下一页

2 个答案: