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. General Discussion
  3. Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)

Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)

Scheduled Pinned Locked Moved General Discussion
11 Posts 2 Posters 42 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.
  • arminunruhA Online
    arminunruhA Online
    arminunruh
    Global Moderator
    wrote on last edited by
    #2

    Hey, you don't need to wrap a scroll event handler in newPageShown.

    Just remove the new page shown, outer text.
    Your code starts with jQuery(window).on('scroll',

    I think a 403 error is not a JavaScript error. It's a HTTP error. If you Google "403 error," you will find out more. Do you have a link to the website where you are trying to do this?

    1 Reply Last reply
    0
    • arminunruhA Online
      arminunruhA Online
      arminunruh
      Global Moderator
      wrote on last edited by
      #3

      Also, you don't need a scroll spacer if you have enough content on your page. If you take a look at the body class, Lay Theme already adds an HTML class when you scroll down and removes it when you scroll up.

      This HTML class is called. lay-scrolled-down

      So theoretically, you don't even need your JavaScript.

      1 Reply Last reply
      0
      • E Offline
        E Offline
        eduardocaballero
        wrote on last edited by
        #4

        thanks! yes this is the website: https://asistenciaartistica.com

        1 Reply Last reply
        0
        • arminunruhA Online
          arminunruhA Online
          arminunruh
          Global Moderator
          wrote on last edited by
          #5

          Okay, when I'm here on my Chrome browser, I can scroll down and the logo gets smaller, and I don't see any 403 error

          1 Reply Last reply
          0
          • E Offline
            E Offline
            eduardocaballero
            wrote on last edited by
            #6

            I was getting the 403 error in the custom css+html section after adding javascript. now I did what you suggested and it works! only thing is every time I reach the bottom the animation goes back to what it is at the top and it glitches, what could be causing this?

            1 Reply Last reply
            0
            • arminunruhA Online
              arminunruhA Online
              arminunruh
              Global Moderator
              wrote on last edited by
              #7

              Okay, yeah I see. It's better to use your JavaScript for setting the HTML class for scroll up or down.

              Because my JavaScript that sets the laytheme scroll up or down class works differently.

              1 Reply Last reply
              0
              • arminunruhA Online
                arminunruhA Online
                arminunruh
                Global Moderator
                wrote on last edited by arminunruh
                #8
                <script>
                jQuery(window).on("scroll", function() {
                    if (jQuery(window).scrollTop() > 50) {
                      jQuery("body").addClass("scrolled");
                    } else {
                      jQuery("body").removeClass("scrolled");
                    }
                  });
                </script>
                

                Your JavaScript needs to look like this. You need to add the script tags around your JavaScript.

                1 Reply Last reply
                0
                • E Offline
                  E Offline
                  eduardocaballero
                  wrote on last edited by
                  #9

                  ok thanks so much!

                  1 Reply Last reply
                  0
                  • E Offline
                    E Offline
                    eduardocaballero
                    wrote on last edited by
                    #10

                    also I see you added my other website to the featured list, eduardocaballero.com, glad you liked it. love lay theme thanks for the work!

                    1 Reply Last reply
                    0
                    • arminunruhA Online
                      arminunruhA Online
                      arminunruh
                      Global Moderator
                      wrote on last edited by
                      #11

                      Yeah, their website is also really nice. Thanks a lot!

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


                      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
                      arminunruhA
                      arminunruh
                      G
                      Glyph
                      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.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search