Kweebac Comments - Answer Overflow

const body = document.querySelector("body");
body.classList.add("notransition"); // Disable transitions
body.offsetHeight; // Trigger a reflow, flushing the CSS changes
body.classList.remove("notransition"); // Re-enable transitions

const body = document.querySelector("body");
body.classList.add("notransition"); // Disable transitions
body.offsetHeight; // Trigger a reflow, flushing the CSS changes
body.classList.remove("notransition"); // Re-enable transitions

from https://stackoverflow.com/questions/11131875/what-is-the-cleanest-way-to-disable-css-transition-effects-temporarily

46 replies

KPCKevin Powell - Community

•Created by Kweebac on 8/4/2023 in #front-end

CSS transitions apply on page load

Yeah... even this still doesn't work

46 replies

KPCKevin Powell - Community

•Created by Kweebac on 8/4/2023 in #front-end

CSS transitions apply on page load

Ohh that makes sense, thank you :)

46 replies

KPCKevin Powell - Community

•Created by Kweebac on 8/4/2023 in #front-end

CSS transitions apply on page load

https://codepen.io/Kweebac/pen/zYMbEYP here it is anyway though

46 replies

KPCKevin Powell - Community

•Created by Kweebac on 8/4/2023 in #front-end

CSS transitions apply on page load

For some reason if you put the code into CodePen it automatically solves the issue without the class bit which is strange...

46 replies

KPCKevin Powell - Community

•Created by Kweebac on 8/4/2023 in #front-end

CSS transitions apply on page load

I'm not sure how to convert this jQuery code to vanilla JS

$(window).load(function() {
  $("body").removeClass("preload");
});

$(window).load(function() {
  $("body").removeClass("preload");
});

Is $(window) the same as window or document.querySelector("window")?

46 replies

KPCKevin Powell - Community

•Created by Kweebac on 8/4/2023 in #front-end

CSS transitions apply on page load

I'm surprised there isn't an easier way, but thank you lol

46 replies

Gaming

Programming