Link to Anchor from another page

[m-czyk]

Now it works, but after i opened the menu i can not click on any intern link. just the links who goes outside.

[mariusjopen]

Dear @m-czyk
you got many errors in the console.
Your JS seems to create a bit of trouble.

Best!

Marius

[m-czyk]

@mariusjopen thx. i build it with js and now it works.

[mariusjopen]

Dear @m-czyk
nice to hear!

Marius

[pmpm]

Hey @arminunruh
This is great! Just one question. How can I add an offset to this, so it scrolls to the image but always has a gap of 80px above the image?
I hope you know what I mean. The problem is that it cuts off the image at the top https://fabienne-fischer.ch/works/#hello
Thanks a lot!

[mariusjopen]

Dear @pmpm
can you post the JS code which you use?

Best!

Marius

[pmpm]

@mariusjopen straight out of the youtube tutorial:

<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;
        jQuery('html, body').animate({
            scrollTop: top
        }, 1200, '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>

[mariusjopen]

Dear @joeclarkx

<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+80;
        jQuery('html, body').animate({
            scrollTop: top
        }, 1200, '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

[pmpm]

Dear @mariusjopen Thanks a lot! It turned out that the script didn't even apply. So now it also works without the js and I found a solution to come to the right position with an empty textfield which contains the id above the image. This works great. But only in Firefox and Chrome. In Safari it seems like the scroll-position is not identical with other browsers. Do you have any clue what the problem could be there?

[mariusjopen]

Dear @joeclarkx
happy you managed!

How can I see your anchor links in action?

Best!
Marius