Estoy haciendo un sitio web de desplazamiento horizontal. Tengo un menú fijo, pero quiero que el botón de inicio se arregle cuando me acerque. Espero que alguien entienda. No sé cómo explicarlo. Aquí está mi código, funciona en el eje Y pero no en el eje X.

 $(document).scroll(function() { var x = $(document).scrollTop(), //get page x value header = $("#home"); if(x >= 100) { header.css({position: "fixed", "top" : "0", "left" : "0"}); } else { header.css("position", "relative"); }

});