Acabo de actualizar una web recientemente y mi sorpresa ha sido que los efectos que había añadido en .js no se ejecutan de ninguna forma en google. Si desde XAMP en mi PC y también desde Firefox, pero no desde Google. Mis conocimientos en JavaScript son limitiados, por lo que no se que puede estar ocurriendo. Dejo por aquí mi código con la esperanza de que alguien pueda echarme una mano.
Código HTML:
/*
* --------------------------------------------------------------------------------------------------
* Smooth Scroll to Section
* --------------------------------------------------------------------------------------------------
*/
$(".smooth").click(function() {
$('html, body').animate({
scrollTop: $("#project-container").offset().top
}, 800);
});
$(".smooth-top").click(function() {
$('html, body').animate({
scrollTop: $("#wrapper").offset().top
}, 800);
});
/*
* --------------------------------------------------------------------------------------------------
* HEADER STATE STICKY
* --------------------------------------------------------------------------------------------------
*/
$(document).ready(function(){
var altura = $('.header').offset().top;
$(window).on('scroll', function(){
if ( $(window).scrollTop() > altura ){
$('.header').addClass('sticky');
} else {
$('.header').removeClass('sticky');
}
});
});
/*
* --------------------------------------------------------------------------------------------------
* CHANGE NAME
* --------------------------------------------------------------------------------------------------
*/
$(window).scroll(function() {
if ($(this).scrollTop() >= 50) {
$('.logo').addClass('scrolled');
} else {
$('.logo').removeClass('scrolled');
}
});
/*
* --------------------------------------------------------------------------------------------------
* MENU
* --------------------------------------------------------------------------------------------------
*/
$('#toggle').click(function() {
$(this).toggleClass('active');
$('#overlay').toggleClass('open');
});
