Announcement

Collapse
No announcement yet.

Binscroller Background

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Binscroller Background

    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).

    Click image for larger version

Name:	GSHI-background.jpg
Views:	1
Size:	270.5 KB
ID:	163824

    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.

  • #2
    Cool, thanks for providing a fix. I'll be updating the site to bootstrap soon, and the binscroller isn't going to be there anymore so I'm not worried about it.
    Please put all complaints in writing and submit them here.

    Above link not working? Try here.

    Comment


    • #3
      This makes logging in on a droid much easier, thanks!

      Comment

      Working...
      X