通过鼠标滚轮滚动到下一页答案

【问题标题】：Scroll to next page by mousewheel通过鼠标滚轮滚动到下一页
【发布时间】：2013-08-13 17:45:56
【问题描述】：

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

想象一下，Wordpress 上用于更改另一个帖子的正常功能……prev_post 和 next_post。当您在模板中使用它时，您将获得两个链接。一个是上一篇，第二个是下一篇。当您单击其中一个时，您将移至下一页或上一页。我需要通过滚动鼠标滚轮来完成同样的事情。

有人知道怎么做吗？

【问题讨论】：

您需要更精确一些。您可以在不同的 URL 或同一文档中拥有 另一个 页面...
你能分享一些代码吗？
好的。这是一个网站www-kodovani.cz/vc2/re。你可以看到右边的箭头。当您单击它们时，您将在帖子之间列出。我需要用鼠标滚轮做同样的效果。

标签： jquery html css wordpress scroll

【解决方案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;
    }
});

虽然这可能很烦人，但这只是我的看法。

【讨论】：

【解决方案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 = mousewheel up||down (-1, +1)
不仅仅是去window.location = pages[ wheelAt ]

【讨论】：

我知道。看起来很好。谢谢
我尝试使用您的代码，但它不能正常工作。你可以在这里查看www-kodovani.cz/vc2/ahoj-vsichni
@user2679576 我在你的页面中找不到代码...无论如何，如果你明白了，我在回答中解释了一些简单的调整，从发布的代码和我的代码演示你会得到它的工作。概念证明是我的在线演示。您只需要按照上述说明实现该代码。
问题是我真的不懂JS。我给你一个 ftp 的时候你能帮我设置一下吗？
@user2679576 对不起，我没有时间，我在这里和那里跳，但我不认为我有报酬解决 WWW 上的问题。不要误会我的意思。不如找个懂一点JS的朋友给他看看这个答案，相信他一定能看懂。