如何動畫滾動向下/向上事件？

-1

如何動畫向下滾動/向上在JQuery中像這樣的網站：union.co 如何動畫滾動向下/向上事件？

，防止

我用這個代碼的幾個動畫/事件，但它只能第一次：

var lastScrollTop = 0; 
$(window).scroll(function (event) { 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop) { 
     $(window).scrollTop("#div1"); 
    } else { 
     $(window).scrollTop("#div0"); 
    } 
    lastScrollTop = st; 
});

來源

2014-10-29 Mike

您可以使用[fullPage.js]（http://alvarotrigo.com/fullPage/）插件輕鬆實現。 – Alvaro 2014-10-29 17:01:50

也許部分會有所幫助：

var i; 
$(window).scroll(function (event) { 
    $('html, body').animate({ scrollTop: $('#myid1').offset().top }, 500); 
    i++ 
});

找到如何在每個「屏幕」中使用id中的變量和名稱id。

來源

2014-10-29 15:51:59

有很多插件可以用來實現你正在尋找的東西。在使用我自己的插件之前，我曾經使用onepage-scroll。

在您給出的site作爲示例中，他們使用bxslider，這是一個響應式jQuery內容滑塊。它並不完全符合你的要求。它只是一個內容滑塊。您必須添加更多的幾行才能夠逐頁滾動。

由Alvaro提出的fullPage.js插件也是一個很好的插件。此外，它支持窗口重新調整。

選擇一個插件。文件非常清楚。如果您遇到任何問題，請告訴我。我很樂意提供幫助。

希望它有用！

來源

2014-10-30 13:53:42 Academia

如何動畫滾動向下/向上事件？

回答

相關問題