# Images Follow Scroll?

**URL:** <https://forum.kirupa.com/t/images-follow-scroll/265777>\
**Category:** web dev\
**Created:** [July 12, 2008, 11:42am UTC](https://forum.kirupa.com/t/images-follow-scroll/265777 "2008-07-12T11:42:51Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hypercomps](https://avatars.discourse-cdn.com/v4/letter/h/97f17d/32.png) [@Hypercomps](https://forum.kirupa.com/u/Hypercomps)\
**Post date:** [July 12, 2008, 11:42am UTC](https://forum.kirupa.com/t/images-follow-scroll/265777/1 "2008-07-12T11:42:51Z")

</div>

Ok I am trying to have to arrows stay at the ends of the screen one to the left and one to the right. When the image is scrolled over I want to still be able to see both arrows so they need to be floating and follow where ever the screen is but only in a box so it could never be higher then wanted. Is this possible with Javascript and CSS? If so where should I start looking? I did try and search google FOREVER!

---

<div class="post-metadata">

**Author:** ![jwilliam](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@jwilliam](https://forum.kirupa.com/u/jwilliam)\
**Post date:** [July 12, 2008, 7:27pm UTC](https://forum.kirupa.com/t/images-follow-scroll/265777/2 "2008-07-12T19:27:42Z")

</div>

I think you’re looking for the “position: fixed;” style in css, which, of course, does not work in IE\<7. There is a hack to get it working, but I don’t fully understand it as I’m not a CSS expert. Try this:

[Google Search](http://www.google.com/search?hl=en&q=ie+position+fixed+hack&btnG=Google+Search)

You can also use Javascript, but I have to admit that it looks a lot better when you can get it working in CSS. The javascript method tends to be “jumpy.”

---

<div class="post-metadata">

**Author:** ![Hypercomps](https://avatars.discourse-cdn.com/v4/letter/h/97f17d/32.png) [@Hypercomps](https://forum.kirupa.com/u/Hypercomps)\
**Post date:** [July 12, 2008, 8:18pm UTC](https://forum.kirupa.com/t/images-follow-scroll/265777/3 "2008-07-12T20:18:55Z")

</div>

Thank you, I think I figured it out!

---

<div class="post-metadata">

**Author:** ![Esherido](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/esherido/32/2158_2.png) [@Esherido](https://forum.kirupa.com/u/Esherido)\
**Post date:** [July 12, 2008, 10:37pm UTC](https://forum.kirupa.com/t/images-follow-scroll/265777/4 "2008-07-12T22:37:03Z")

</div>

position: fixed is definitely the best solution. Just accept that it won’t work on IE 6- and get on with working on bigger and better things. If you really want to annoy people, redirect them to the Firefox download page if they go to your site with IE 6.

---

<div class="post-metadata">

**Author:** ![jwilliam](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@jwilliam](https://forum.kirupa.com/u/jwilliam)\
**Post date:** [July 12, 2008, 10:58pm UTC](https://forum.kirupa.com/t/images-follow-scroll/265777/5 "2008-07-12T22:58:00Z")

</div>

Ha! That’s ballsy… but I like it…