Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Cover Parallax/Darkening not functioning on 3.0.7

Cover Parallax/Darkening not functioning on 3.0.7

Scheduled Pinned Locked Moved Bug Reports
5 Posts 2 Posters 88 Views
  • 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.
  • J Offline
    J Offline
    joshsender
    wrote on Apr 19, 2020, 2:36 PM last edited by
    #1

    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

    J 1 Reply Last reply Apr 19, 2020, 2:41 PM
    0
    • J joshsender
      Apr 19, 2020, 2:36 PM

      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

      J Offline
      J Offline
      joshsender
      wrote on Apr 19, 2020, 2:41 PM last edited by
      #2

      @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
      0
      • A Offline
        A Offline
        arminunruh
        Global Moderator
        wrote on Apr 20, 2020, 2:14 PM last edited by
        #3

        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
        0
        • J Offline
          J Offline
          joshsender
          wrote on Apr 20, 2020, 5:17 PM last edited by
          #4

          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
          0
          • A Offline
            A Offline
            arminunruh
            Global Moderator
            wrote on Apr 20, 2020, 5:17 PM last edited by
            #5

            Ah thanks a lot!!

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes

            3/5

            Apr 20, 2020, 2:14 PM


            I also code custom websites or custom Lay features.
            💿 Email me here: 💿
            info@laytheme.com

            Before you post:
            1. When using a WordPress Cache plugin, disable it or clear your cache.
            2. Update Lay Theme and all Lay Theme Addons
            3. Disable all Plugins
            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            3 out of 5
            • First post
              3/5
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search