fullpage mousewheel scroll with easeInCirc效果

我給我的html頁面的部分，每個部分有100％的寬度和高度來獲得屏幕大小。身體和部分溢出隱藏，因爲我不想顯示滾動條。而不是它，我想只使用菜單和鼠標滾輪來進行各部分之間的導航。如果你能糾正我的劇本：fullpage mousewheel scroll with easeInCirc效果

$(document).ready(function() { 
    $('body').mousewheel(function(event, delta) { 
     if (delta < 0) { 
      $('body').scrollTo('+=800', 1500, {easing : 'easeInCirc'}); 
     } 
     else { 
      $('body').scrollTo('-=800', 1500, {easing : 'easeInCirc'}); 
     } 
    return false; 
    }); 
});

（我指出+ = 800和 - 。= 800，因爲我認爲這是像素，它甚至不是這樣無論如何，我需要100％，而不是精確的像素...）

的HTML很簡單：

<body> 
    <div class="section"></div> 
    <div class="section"></div> 
    <div class="section"></div> 
</body>

這裏是我的測試頁面：http://photography.igorlaszlo.com/test.html - 菜單已經做了我想做的事情（除了不完美的粘性效果，沒關係）。

這裏是一個很好的例子，我想這樣做的：提前http://www.atelier-serge-thoraval.com

謝謝！

來源

2014-06-13 Igor Laszlo

好吧，這是瘋狂的，但我總是找到答案，當我在這個網站提出的問題...之前！ :)因爲當我輸入標題時，邊欄建議相關鏈接（我剛纔發現）。這也歸功於我的英語，我需要在Google或這裏找到合適的詞語。

這就是我在尋找：

http://alvarotrigo.com/fullPage/

https://github.com/alvarotrigo/fullPage.js

但誰知道，也許我會回來的恐慌，我還必須安裝它... :)

來源

2014-06-13 03:05:18

fullpage mousewheel scroll with easeInCirc效果

回答

相關問題