Scrollto doesn't work

[bb_daniel]

Dear Armin,

I added a menu with custom links to a page I'm currently working on, linking to specific anchor points on the page.

When I jump to an anchor by #id it seems like a new page has loaded. Anyway the browser scrolls the anchor point but the whole content is gone.

Would be great to hear from you.,
Best, Daniel

[bb_daniel]

I figured out that since the latest update, the ids #main-region.hide, #footer-region.hide have opacity:0; after clicking a scrollto link.

[mariusjopen]

Dear @bb_daniel
can you post a link to the website?

Best!

Marius

[bb_daniel]

Hey @mariusjopen sorry for the late reply.
For now I solved the problem by installing an older version of laythme.

[mariusjopen]

Dear @bb_daniel
ok. But that should not be the solution.
We will have a look into that anyway.

Best!

Marius

[clrcrtq]

@bb_daniel which version did u install?

giot the same problem here with scrollTo links

[edgrbnz]

Might have something to do with the new On Scroll Element Transitions. Did you try deactivating that in Lay Options?

[clrcrtq]

@edgrbnz sadly that didn't do the trick. i fixed the page with setting opacity to 1 for both, but smooth scrolling does not work like this, it just does ugly jumps

#main-region.hide, #footer-region.hide {opacity:1!important; }

[edgrbnz]

Cool you solved it! (for now)

In terms of the Scroll Element Transitions they actually do fade in. So they do have opacity: 0 at some point. And that might be one of the issues here.

In terms of smooth scrolling:
I don’t know which code you are using. A friend of mine seems to have a similar problem on his site. The smooth scrolling works perfectly fine but the whole site turns white als soon as the About anchor gets clicked.

[edgrbnz]

That’s the code I used inside custom <head> content of my friend’s site to make the smooth scrolling work. If anyone has some input why this hides all content I’d be very grateful:

<script>
    window.laytheme.on('newpageshown', function(){
       if(window.location.hash.length > 0){
           var id = window.location.hash;
           if(jQuery(id).length > 0){
                jQuery('html, body').animate(
                { scrollTop: jQuery(id).offset().top },
                { duration: 1200 });
           }
       } 
    });
</script>