Tengo varias instancias de la función (window).scroll que a veces son problemáticas. ¿Hay alguna manera de separarlos para que no entren en conflicto entre sí?
Primera instancia que aparece en cada página:
$(window).scroll(function(){ if ($(this).scrollTop() > 50) { $('.gotop').addClass('gotop-visible'); } else { $('.gotop').removeClass('gotop-visible'); } });La segunda instancia solo aparece en una página, pero se repite varias veces para varias clases, mientras que la primera instancia también está presente:
$(window).scroll(function(){ var light_pos = $('.dark main').offset().top; var light_height = $('.dark main').height(); var menu_pos = $('.top-left h1').offset().top; var menu_height = $('.top-left h1').height(); if(menu_pos > light_pos && menu_pos < (light_pos + light_height)) { $('.top-left h1').addClass('menu_black'); $('.top-left h1').removeClass('menu_white'); } else { $('.top-left h1').removeClass('menu_black'); $('.top-left h1').addClass('menu_white'); } })¿Hay alguna manera de que estas funciones se puedan separar claramente?