How to disable scrolling animation

cemsdb

How does one disable the homepage animation (fade-in) that occurs when scrolling down?

This also happens with the menu items (cascades down), how does one disable that as well?

saguaros

cemsdb Hi

You can achieve that with this tweak:

1/ Go to Backend >> Template styles >> JA Colab >> Global settings >> Addons >> disable aos addon

2/ Edit file: ROOT/templates/ja_colab/js/template.js: comment / remove from line 5-12 like this:

// AOS.init({
//     duration: 1200,
//     once: true,
//     disable: function() {
//         var maxWidth = 992;
//         return window.innerWidth < maxWidth;
//     }
// });

templatejs.zip

1kB

3/ Add this custom CSS code:

div.acm-hero.style-1 .hero-title,
div.acm-hero.style-1 .description {
  opacity: 1;
}

to 'custom.css' file on your site.

ROOT/templates/ja_colab/css/custom.css
ROOT/templates/ja_colab/local/css/custom.css

You can add into 1 of above 2 files if your site has.

saguaros

saguaros 2/ Edit file: ROOT/templates/ja_colab/js/template.js: comment / remove from line 5-12 like this:

It seems that you reverted this step.

I updated for you again and it's working now.

cemsdb

Thanks Sagaros, that was very helpful.

Curios, regarding the scrolling animation, what does "aos" stand for?

Unfortunately, although disabling aos did remove the animation, it also created a unwanted behavior in the off-canvas menu. Where as before the "Overlay" effect started next to the blue-menu-bar (w/ the slogan), it now starts at the extreme-end of the left border (going over the blue-menu-bar, instead of being next to it).

FYI, the "Reveal" and "Push" effects behave as before, so no issues there. Only with the default "Overlay" settings.

saguaros

cemsdb Curios, regarding the scrolling animation, what does "aos" stand for?

It's 'Animate On Scroll' library 🙂)

With 'Overlay' effect, it still works fine at my end, you can share the URL + super admin account of your site so I can take a look.

cemsdb

Hi Saguaros, thanks for "aos" explanation 🙂

I've shared my URL+admin details, please take a look and help me resolve the issue with the off-canvas menu. As you'll notice, the menu is appearing above the blue-slogan-bar, instead of next to it.

saguaros

I don't see any issue with off-canvas menu now, could you share screenshot of how it should be?

cemsdb

Here's a screenshot of the demo. As you'll notice both the menu and the blue bar (w/slogan + social links) are visible. The blue bar disappears when the "aos" is deactivated, as the off-canvas menu shows up on top of it (instead of it's side)

cemsdb

saguaros

Thank you Saguaros, that fixed it!