Tengo una página web en la que uso JavaScript para hacer transiciones en diderentes elementos, me funciona en todos los navegadores menos en Internet Explorer y tengo activo el uso de JavaScript. El código sería el siguiente:
$(document).on("scroll", function () {
var desplazamientoActual = $(document).scrollTop();
var foto1 = $("#foto-1");
var foto2 = $("#babyyoda");
var servicio2 = $("#servicio-2");
var servicio3 = $("#servicio-3");
var servicio4 = $("#servicio-4");
var repoAnim = $("#repo-anim");
var repoBoda = $("#repo-boda");
if (desplazamientoActual > 30) {
$("#header").css({
"background-color": "rgb(45, 45, 45)",
"position": "fixed",
"width": "100%",
});
if (window.innerWidth <= 700) {
document.getElementsByTagName("section")[0].style.paddingTop = "12em";
} else {
document.getElementsByTagName("section")[0].style.paddingTop = "9em";
}
}
if (desplazamientoActual < 30) {
$("#header").css({
"background-color": "rgba(255, 255, 255, 0.5)",
"position": "static",
"width": "auto",
});
document.getElementsByTagName("section")[0].style.paddingTop = "0.1em";
}
if (window.innerWidth <= 1077 && window.innerWidth > 700) {
if (desplazamientoActual > 3600 && repoAnim.css("display") == "none") {
repoAnim.fadeIn(1200);
}
} else if(window.innerWidth > 1077) {
if (desplazamientoActual > 1970 && repoAnim.css("display") == "none") {
repoAnim.fadeIn(1200);
}
}
He pensado que igual es por que las funciones que utilizo no las soporta Internet Explorer. Alguna idea?