Wordpress 27：如何自定义“向下滚动箭头”Javascript 文件

Question

WordPress' Twenty Seventeen theme comes bundled with a small arrow on the bottom-right of the screen who's class is menu-scroll-down . It makes a smooth scrolling effect to the content. I'd like to customize the scrolling speed.

I've found the JavaScript file in assets\js\jquery.scrollTo.js , but I'm not sure I'm at the right place, and I can't seem to make the changes I want. I can't find where in the JavaScript is the .menu-scroll-down class mentioned, either.

Does anyone know where to change these parameters?

Answer 1

Find global.js that is in the same directory as assets\js\jquery.scrollTo.js then find the following code

$menuScrollDown.click( function( e ) {
    e.preventDefault();
    $( window ).scrollTo( '#primary', {
            duration: 600,
            offset: { top: menuTop - navigationOuterHeight }
    });
});

and then change the duration to change the scroll speed.

https://themes.trac.wordpress.org/browser/twentyseventeen/1.4/assets/js/global.js#L200