2015-12-23 127 views
0

我正在創建一個網站,它看起來類似於這個網站。正如你可以在例子中看到的那樣,如果你按下了一個動畫箭頭,你就會向下移動。這種方式有點突然,所以動畫下移會很酷。我更關注頁面向下移動而不是動畫箭頭。你知道如何在html和css中完成這項工作嗎?如果這不能用HTML或CSS比jQuery完成?如何添加一個向下推動頁面的箭頭?

謝謝,我有點業餘的,所以請與我裸:)

例子: http://www.fhoke.com

回答

0
<button id="test"> Test<button> 

滾動到頂部:

$("#test").click(function() { 
    var x = $(window).scrollTop(); 
    $(window).scrollTop(x+150); 
}); 

爲下:

$("#test").click(function() { 
     scrolled=scrolled-300; 
     $("body").animate({ 
     scrollTop: scrolled 
     }); 
    }); 
+0

如何將此鏈接到我的html並使其正常工作? –

+0

在''

相關問題