The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Background image to scroll and then stay static

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #26455

    Hi everyone,

    I’m not so sure if this is a CSS or javaScript question but after seeing the following, … out_a.html, I’m fairly certain that it’ll be CSS that ends up fixing it.

    I’ll try and keep this as short as possible so that there isn’t lots of reading to be done. I’ve also tried to recreate what it is that I’m looking for in the image below, in order to give a better understanding incase I turn out to be utterly rubbish at explaining it :lol:


    The site that I am currently creating will be a horizontally scrolling website. There will be an image fixed to the left hand side of the outer most div. When the user starts scrolling to the right the image will slowly start to move out of sight, however before it disappears completely the image will stop X pixels from the end of it’s image and remain stuck to the side of the div, no matter how far you scroll to the right, the image will always remain in the same place. However, if the user the scrolls back to the left, then the whole image will slowly start to reappear.

    I hope that’s given a good insight into what I’m looking to do and that one of you will be able to help me.


    Right, I’ve managed to find a working example of what I’m looking for –

    If you scroll down the page you will notice that the pagination sticks to the top of the page once you scroll down the page a bit. This is pretty much what I’m looking to do except I’m looking to do it with a horizontal scroll.

    The more I think about it the more I think that it might be javaScript that does it. Any ideas?

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.