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