This snippet is used in the following knowledge base article – https://kb.wpbeaverbuilder.com/article/121-smooth-scrolling-links

smooth-scrolling-links-example-1.html

http://example.com/#my-unique-id

smooth-scrolling-links-example-2.html

<a id="my-div"></a>
<div>
   <p>I want to link to this spot.</p>
</div>

smooth-scrolling-links-example-3.html

<a href="#my-div" class="fl-scroll-link">Click Here</a>

smooth-scrolling-links-example-4.js

jQuery( function(){
    if ( 'undefined' != typeof FLBuilderLayoutConfig ) {    
        FLBuilderLayoutConfig.anchorLinkAnimations.duration = 1000;
        FLBuilderLayoutConfig.anchorLinkAnimations.easing = 'swing';
        FLBuilderLayoutConfig.anchorLinkAnimations.offset = 100;
    }
} );

smooth-scrolling-links-example-5.js

jQuery( function($){
    var win = $( window );
    
    function bbScroll(){
        if ( 'undefined' != typeof FLBuilderLayoutConfig ) {    
            var offset = 70;
            
            if ( 'undefined' === typeof FLBuilderLayout ) {
                return;
            }
            
            if ( FLBuilderLayout._isMobile() && win.width() < 992 ) {
                offset = 0;
            }
            
            if ( $( 'body.admin-bar' ).length > 0 ) {
                offset += 32;
            }
            
            FLBuilderLayoutConfig.anchorLinkAnimations.duration = 1000;
            FLBuilderLayoutConfig.anchorLinkAnimations.easing = 'swing';
            FLBuilderLayoutConfig.anchorLinkAnimations.offset = offset;
        }
    }
    
    bbScroll();
    win.on( 'resize', bbScroll );
    
} );