2016-03-03 35 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(); 
    } 
} 

並號召那裏的功能。

或者更好的:複製:)