2016-05-06 74 views
-2

我在我的頁面上有幾個全屏部分,我想用jQuery來檢測用戶的小滾動,並自動將頁面上下滾動一個部分。因此,用戶一次只能看到一個全屏部分,而不是在它們之間隨意滾​​動。我試過的每件事都是滯後和不完整的。半自動滾動jQuery

順便說一句,我想它像花粉的滾動工作:http://pollenlondon.com/

+0

你好,歡迎來到StackOverflow。請花一些時間閱讀幫助頁面,尤其是名爲[「我可以詢問什麼主題?」(http://stackoverflow.com/help/on-topic)和[「我應該問什麼類型的問題避免問?「](http://stackoverflow.com/help/dont-ask)。更重要的是,請閱讀[Stack Overflow問題清單](http://meta.stackexchange.com/q/156810/204922)。您可能還想了解[最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 – Pras

回答

0

也許是這樣的:

https://jsfiddle.net/kot32qkc/

代碼沒有優化,但你必須的主要思想。 ..

// if you're scrolling down 
if(dir=="down") { 
    // go to #s3 section 
    $("body").animate({ 
     scrollTop: $("#s3").offset().top 
    }, 1000); 
} 

查看完整代碼工作的jsfiddle。