-
ArneRobot
@Richard-Keith Hello Richard. Thanks for the praise for the website. :-) But unfortunatly it does not work, yet.
Like I wrote earlier, it worked with version 2.x of LayTheme which I still have installed here:
http://jardinsdespilotes.com/en (see the same links working in the footer)But with version 3.x it has stopped working:
https://anime-architecture.orgThe addition to the code didn't help. :-(
Thank you!
-
ArneRobot
@Richard-Keith Hello Richard. I have updated my code. The second click works and scrolls to the top. No matter if I click "Imprint" or "Privacy Policy" first. So I guess it has something to do with the "legal"-layer hidden in the first place. But anyway – it used to work with LayTheme 2.x and stopped working with 3.x
Thank you very much and cheers,
Arne -
ArneRobot
Hello @Richard-Keith,
here is my complete custom JS-code from "Custom <head> content". Do you need to see any CSS styles as well?
<script> jQuery(document).ready(function(){ jQuery('li.menu-item.scrollLink a').addClass('scrollTo'); }); </script> <script> jQuery(document).scroll(function () { var y = jQuery(this).scrollTop(); if (y > 200) { jQuery('.second_menu').addClass('visible'); } else { jQuery('.second_menu').removeClass('visible'); } }); </script> <script> jQuery(document).on('click', '.legal-trigger', function(event) { jQuery('#legal').addClass('visible'); }); </script> <script> jQuery(document).on('click', '.legal-close', function(event) { jQuery('#legal').removeClass('visible'); }); </script> <script> jQuery(document).on('click', '.mobile-nav ul li a', function(event) { jQuery('.mobile-nav, .mobile-menu-icon').removeClass('active'); jQuery('.mobile-nav').css('transform', 'translateY(-265px)'); }); </script>
And here are the links that are located in the pages "footer" and "fusszeile":
<p><span style="color: #f2f2f2;">© 2020 <span class="legal-trigger"><a class="scrollTo" style="color: #f2f2f2;" href="#legal">Imprint</a></span> <span class="legal-trigger"><a class="scrollTo" style="color: #f2f2f2;" href="#legal">Privacy Policy</a></span></span></p>
Let me know if you need anything else! Thank you!
-
ArneRobot
Hello.
I have the following problem: with LayTheme v3 my anchor scrolling does not work properly anymore.
On the bottom of this page: https://anime-architecture.org
I have two links to "Imprint" and "Privacy Policy". Those two links expand a div called "legal" and then should scroll that div upwards in the browser. But they don't.On a copy of that website, running on LayTheme v2 this still works: http://jardinsdespilotes.com/en
Same thing with the links in the footer.Can you please help me with that issue?
Thanks a lot and cheers,
Arne -
ArneRobot
@santi I have the same problem and even worse with my website (https://anime-architecture.org).
See this thread: http://laythemeforum.com:4567/topic/5284/scroll-to-anchors-doesn-t-work-after-update/21?_=1588374637653
Everything worked in version 2.x but broke with version 3.x
-
-
ArneRobot
@mariusjopen Hello Marius. I did describe the problem in my last post, but here we go again:
A click on the menu links apply the hash-link (#exhibition, #publication…) to the URL/slug and then the website loads just that part/div and you can't get back to the rest of the page. Eg. scroll up to the header slider.
So the anchor links work once when scrolling down but not the way they should. In desktop view you cannot go back to the very top of the page (the slider). If you scroll to "Publications" you can not scroll back to "Exhibition". If you use the menu link "Exhibition" it will jump back up but not with a smooth scroll. And the rest of the page appears empty under the footer.
Please test the page and you will see what I mean. It's just a few clicks.
-
ArneRobot
@mariusjopen Unfortunately we were still not able to solve this problem. I was in contact with @arminunruh, just made the latest update. Still problems with the scroll. A click on the menu links apply the hash-link (#exhibition, #publication…) to the URL/slug and then the website loads just that part/div and you can't get back to the rest of the page. Eg. scroll up to the header slider. Can you please look into that again?
-
ArneRobot
@mariusjopen Yes, but it is also possible to use the content. Depends on what you want to show and how. Here I used the content area: https://christine-boock.de/willkommen
-
ArneRobot
@Warul-Kawa I did a thing a bit similar to that on this website: https://christine-boock.de So it is possible with some custom CSS-magic. :-) And I've seen similar things on other LayTheme-websites…