# Content Auto-Scroll via Mouse Position

**URL:** https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784
**Category:** open source
**Created:** [March 30, 2006, 12:59am UTC](https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784 "2006-03-30T00:59:02Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Coldfinger](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@Coldfinger](https://forum.kirupa.com/u/Coldfinger)
#### Post date: [March 30, 2006, 12:59am UTC](https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784/1 "2006-03-30T00:59:02Z")

</div>

_**(I posted this already, but I think it may be more appropriate in this forum)**_

I have come across an example of something I’d love to learn to do, but am not sure how to do it.

The example site is [North Kingdom](http://www.northkingdom.com/). My question is: How did they get the page content to scroll according to the mouse postion? I’ve seen this done with some photo galleries, but I would LOVE to know how to do it with content.

Can anyone help? :puzzle:

Thanks.

-coldfinger

---

<div class="post-metadata">

### Author: ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)
#### Post date: [March 30, 2006, 3:20am UTC](https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784/2 "2006-03-30T03:20:46Z")

</div>

Well, you take the mouse position, and you set the scroll position to be equal the mouse y position divided by the screen height. Not exactly sure about the code for that, but that’s the theory. 🙂

---

<div class="post-metadata">

### Author: ![B\_L\_U\_E](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@B\_L\_U\_E](https://forum.kirupa.com/u/B_L_U_E)
#### Post date: [March 30, 2006, 3:37am UTC](https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784/3 "2006-03-30T03:37:45Z")

</div>

> **[Flashlevel Nav?](https://www.kirupa.com/forum/showthread.php?t=72457)**
>
> Got a web design/development question or just want to hang out with the most awesome people on the planet? Drop on in!

  
Same principles 🙂

---

<div class="post-metadata">

### Author: ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)
#### Post date: [March 30, 2006, 3:47am UTC](https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784/4 "2006-03-30T03:47:45Z")

</div>

Aye!

---

<div class="post-metadata">

### Author: ![Coldfinger](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@Coldfinger](https://forum.kirupa.com/u/Coldfinger)
#### Post date: [April 3, 2006, 5:08am UTC](https://forum.kirupa.com/t/content-auto-scroll-via-mouse-position/183784/5 "2006-04-03T05:08:02Z")

</div>

Thanks. I’ll try to breakdown that code for the Flashlevel example and apply it for content instead of image thumbnails. . .
