How to add offset to anchor scroll to behavior?

[justfunk]

Hi all,
the following code is already part of lay theme right?
https://gist.github.com/aunruh/7d06859bedcf0ce780e05e73659f8c48

However the anchor scroll to behavior works fine.
Because of a fixed navbar I need to add an offset to it.
How does it works?

Best Manuel

[mariusjopen]

Dear @justfunk

look here:
I added: var top = el.offset().top+100;

<script>
    
    jQuery(document).on( 'click', 'a[href^="#"]', function(e){
        e.preventDefault();
        var hash = jQuery(this).attr('href');
        var el = jQuery(hash);
        var top = el.offset().top+100;
        jQuery('html, body').animate({
            scrollTop: top
        }, 300, 'swing',
            function() {
                window.location.hash = hash;
            }
        );
    } );
    
    window.laytheme.on('newpageshown', function(){
        var hash = window.location.hash; 
        var el = jQuery(hash);
        if(el.length > 0) {
            var top = el.offset().top;
            window.scroll(0, top);        
        }
    });
    
</script>

Best!

Marius

[justfunk]

Thank you.
But the problem is that the code is minified in the frontend.min.js if I add your code it is execute twice and the result is a weird scrolling behavior.

[mariusjopen]

Dear @justfunk
the code should be added in the CUSTOM CODE section.
Then it will be fine.
Best!
Marius