Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Scrollto doesn't work

    Bug Reports
    4
    10
    204
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      bb_daniel last edited by

      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

      1 Reply Last reply Reply Quote 0
      • B
        bb_daniel last edited by

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

        1 Reply Last reply Reply Quote 0
        • mariusjopen
          mariusjopen Global Moderator last edited by

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

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 0
          • B
            bb_daniel last edited by

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

            1 Reply Last reply Reply Quote 0
            • mariusjopen
              mariusjopen Global Moderator last edited by

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

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • C
                clrcrtq last edited by

                @bb_daniel which version did u install?

                giot the same problem here with scrollTo links

                1 Reply Last reply Reply Quote 0
                • edgrbnz
                  edgrbnz last edited by edgrbnz

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

                  0_1571243153383_Lay_Options_‹Moritz_Welker—_WordPress.jpg

                  ✦ ✦ ✦

                  C 1 Reply Last reply Reply Quote 0
                  • C
                    clrcrtq @edgrbnz last edited by

                    @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; }

                    1 Reply Last reply Reply Quote 0
                    • edgrbnz
                      edgrbnz last edited by 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.

                      ✦ ✦ ✦

                      1 Reply Last reply Reply Quote 0
                      • edgrbnz
                        edgrbnz last edited by 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>
                        

                        ✦ ✦ ✦

                        1 Reply Last reply Reply Quote 1
                        • First post
                          Last post
                        Post a link to where the problem is
                        I don't answer or check forum DMs, please just post on the forum.
                        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                        Before you post:

                        Use the Search Feature. Maybe there is already a solution to your issue.

                        1. Update Lay Theme and all Lay Theme Addons
                        2. Disable all Plugins
                        3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                        4. Now see if your problem solved itself
                        5. Go here, see if your problem is listed here:
                        Troubleshooting

                        When you post:
                        1. Post a link to where the problem is
                        2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                        Thanks!

                        Online Users

                        K
                        G
                        W
                        K
                        T

                        Recent Topics

                        • T

                          scroll element transitions mobile

                        • L

                          HTML

                        • M

                          Burger menu in desktop and tablet view

                        • M

                          WPForms Lite not working with new theme update (5.5.5)

                        laytheme.com