如何添加一个向下翻页的箭头？

Question

我正在创建一个网站，它看起来与此网站类似。正如您在示例中所看到的那样，如果您按下动画箭头，则会向下移动。这种方式有点突然，所以动画向下移动会很酷。我更专注于以一种不错的方式向下移动页面，而不是动画箭头。你知道怎么在html和css中完成这个吗？如果使用html或css比jQuery无法做到这一点？

实施例： http://www.fhoke.com

Answer 1

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

滚动到顶部：

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

for down：

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