javascript Y滚动条在向下按钮的鼠标上移动但窗口水平

Question

我想建立一个与此类似的投资组合面。只是多了一点初学者版本。但具有相同的概念。

www.rleonardi.com/interactive-resume/

有人知道如何在使用 y 滚动条的地方横向滚动吗？

我还有一个问题？我在哪里可以了解这些技能和/或实践？

Answer 1

他主要使用 onscroll 事件处理程序，在其中检测 y 值 (scrollHeight) 并在特定 y 值上设置/移动/显示/隐藏/等对象。页面只是向下滚动，但是元素被移入了。所以看起来像水平滚动，但实际上不是。它是从右向左移动的元素，等等。

(作者的很多(非常好!)作品。)仔细看看:

window.onscroll = function (e)
{
    if (canScrollOrSwipe == true) //to avoid user swipe when window is still resizing after screen orientation changed on table
    {
        detectPageVerticalPosition();
        runTheseFunctionsAfterScrollOrSwipe();
    }
}

以及在那里调用的函数。

或者更好:在复制之前联系这个网页设计师本人:)