I've not visited GSHI.org in a very long time; I really like that you guys are still around (and what's more, the site still has activity!).
The scrolling hex background caught my eye - that's a neat effect. However, on high resolutions or on long pages, it gets shoved off the right side of the screen (as shown in the attachment).

That's because the div containing the background image is being moved by having its margin altered as the user scrolls.
If you change the line: $( "#binscroller" ).css( "margin-left", ($( window ).scrollTop() / 5) * -1);
to: $( "#binscroller" ).css( "backgroundPosition", ($( window ).scrollTop() / 5) * -1)+'px 0px';
then it'll move the background image within the #binscroller element and it'll remove the gap that's shown on higher resolutions or long pages.
The scrolling hex background caught my eye - that's a neat effect. However, on high resolutions or on long pages, it gets shoved off the right side of the screen (as shown in the attachment).
That's because the div containing the background image is being moved by having its margin altered as the user scrolls.
If you change the line: $( "#binscroller" ).css( "margin-left", ($( window ).scrollTop() / 5) * -1);
to: $( "#binscroller" ).css( "backgroundPosition", ($( window ).scrollTop() / 5) * -1)+'px 0px';
then it'll move the background image within the #binscroller element and it'll remove the gap that's shown on higher resolutions or long pages.
Comment