用jQuery點擊垂直滾動100％

我需要一個動畫滾動效果，將網站向下推動100％。它基本上是一個網站中的多頁面，每個頁面都是100％，還有一個不同的網站。我明白，有多個插件，但我希望得到這個手動工作。用jQuery點擊垂直滾動100％

我試過使用錨點和ID來刺激100％的滾動效果，但我想不出一個純粹的解決方案，它將頁面向下移動100％，而沒有來自其他ID或類的幫助。

任何幫助將不勝感激。

來源

2014-10-28 Aborted

請問爲什麼使用錨不好？ – Koen 2014-10-28 08:32:10

我不能依靠這個解決方案，因爲他們的目標ID可能不是每次從頂部100％定位，並且網站的末端是未知的......它可能會下降，因爲我不知道需要多久，我需要更多處理這種靈活的方式。 – Aborted 2014-10-28 08:33:08

啊，我沒有意識到最後是未知的。我的錯。 – Koen 2014-10-28 08:39:24

那麼，它很簡單，使用下面的代碼段，這將幫助你實現你在找什麼...

$("a").on("click", function(event) { 
    event.preventDefault(); //Prevent default action of anchor 
    $("html, body").animate({ 
     scrollTop: $(document).height() //Get the document height 
    }, "slow"); //Animates the scroll 
    /* Can also use 3000, 4000 i.e 3 seconds, 4 seconds to animate the scroll */ 
});

這裏，<a>標籤的onclick，我們首先避免的默認操作錨點標記，然後點擊一下，我們就會將滾動動畫到文檔的底部。

Demo

注：使用id或你正在尋找附上onclick evebt上，作爲當前選擇正在使用錨標籤class是一般之一，將針對所有錨標籤文檔中。

來源

2014-10-28 08:41:01

用jQuery點擊垂直滾動100％

回答

相關問題