2016-03-03 64 views
0

我想建立一个类似于这一个投资组合方。只有一点点初学者版本。但是具有相同的概念。javascript Y滚动条移动鼠标的downbutton但窗口变得水平

www.rleonardi.com/interactive-resume/

是谁知道我可以横向滚动当使用在y滚动条的人?

我还有其他问题吗?我在哪里可以阅读有关这些技能和/或练习?

+0

你签出的源代码之前联系本的webdesigner自己? (http://www.rleonardi.com/interactive-resume/script/main.js) – Philip

+0

你可以触发滚动事件,然后找到滚动点,然后做一些数学运算并将其应用于水平滚动,类似于那。 –

回答

0

他基本上使用了一个事件处理程序,他检测y值(scrollHeight)并在特定y值上设置/移动/显示/隐藏/ etc对象。该页面只是向下滚动,但元素被移入。所以它看起来像水平滚动,但它不是。 (!很多(很细)由作者的工作),这是由右至左等移动元素

有仔细看看:

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

并号召那里的功能。

或者更好的:复制:)