How to add the scroll down arrow like the Sydney demo tasty

Hello,
I would like to add the scroll down arrow like this demo : https://demo.athemes.com/tasty/
For now I have put this code and I have just a normal arrow:

    .scroll-down-arrow{
      position: absolute;
      bottom: 10px;
      left: 0;
      z-index: 5;
      font-size: 40px;
      display: block;
      width: 100%;
      text-align: center;
      outline: none;
    } 

Thanks

Hello there,

Try the solution posted in this topic:

Regards,
Kharis

This one is not the effect of the scroll down I am looking for.

It am looking for this type of effect :

50