Scrolling to the element after clicking button on header image

Hi,
I have question how can i create a method that will be slow scrolling to the element “site-navigation” after clicking button “Witaj” on header image on page? http://onthiro.pl/
I use pluggin Header and Footer Scripts to create button.

script
jQuery(function($) {

     var myButton = '<a href="#site-navigation" class="welcome-button">Witaj</a>';

    $( '.welcome-info').append(myButton);

});
script

Basically i want make the same efect like on moesia demo

Hello, you can try to use Page scroll to id plugin:

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thank you for reply, but i don’t looking plugin solutions. I just want use scripts in code. Can anyone help me?

Hello,

It looks like this issue requires some coding and testing, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork.

Kind Regards, Roman