Lay Theme Forum

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

    Cover Parallax/Darkening not functioning on 3.0.7

    Bug Reports
    2
    5
    24
    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.
    • joshsender
      joshsender last edited by

      Cover parallax doesn't seem to toggle anything. Darken doesn't either but in the linked example only Cover is toggled:

      https://huhclever.com/test

      https://joshsender.com

      joshsender 1 Reply Last reply Reply Quote 0
      • joshsender
        joshsender @joshsender last edited by

        @joshsender
        Here was it working in a previous test: https://huhclever.com/stage/test
        And note the javascript for fading as scroll that was working no longer does..

        Any help would be amazing! Thank you so much!!

        <script>
        jQuery(window).scroll(function(){
                var start = 0, end = 500;
                var opacity = 1 - (jQuery(window).scrollTop() - start) / (end - start);
                    if (opacity > 1 ) opacity = 1;
                    if (opacity < 0 ) opacity = 0;
                $(".fadeout").css("opacity", opacity);
              });
        </script>
        

        https://joshsender.com

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

          can you change all of your custom code to use "jQuery" instead of "$"

          like

          jQuery(window).scroll(function(){
                  var start = 0, end = 500;
                  var opacity = 1 - (jQuery(window).scrollTop() - start) / (end - start);
                      if (opacity > 1 ) opacity = 1;
                      if (opacity < 0 ) opacity = 0;
                  $(".fadeout").css("opacity", opacity);
                });
          
          

          should be

          jQuery(window).scroll(function(){
                  var start = 0, end = 500;
                  var opacity = 1 - (jQuery(window).scrollTop() - start) / (end - start);
                      if (opacity > 1 ) opacity = 1;
                      if (opacity < 0 ) opacity = 0;
                  jQuery(".fadeout").css("opacity", opacity);
                });
          
          
          1 Reply Last reply Reply Quote 0
          • joshsender
            joshsender last edited by

            Awesome, looks like 3.0.9 fixed all the issues I was seeing since updating to 3!! Thanks for the super fast fixes and pushing those updates out. You're amazing!

            https://joshsender.com

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

              Ah thanks a lot!!

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              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

              Recent Topics

              • N

                website blank.

              • S

                Theme crashed - because of Polylang?

              • S

                New fade-in / opacity bug?

              • A

                Unable to update lay theme / to login wp admin

              laytheme.com