# How is this done? Proximity?

**URL:** <https://forum.kirupa.com/t/how-is-this-done-proximity/263563>\
**Category:** flash\
**Created:** [June 17, 2008, 8:29am UTC](https://forum.kirupa.com/t/how-is-this-done-proximity/263563 "2008-06-17T08:29:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kbd](https://avatars.discourse-cdn.com/v4/letter/k/e99b99/32.png) [@kbd](https://forum.kirupa.com/u/kbd)\
**Post date:** [June 17, 2008, 8:29am UTC](https://forum.kirupa.com/t/how-is-this-done-proximity/263563/1 "2008-06-17T08:29:03Z")

</div>

:vamp:  
Hello  
How is the WHAT’S NEWS section navigation on this website done?

> **[Atlantic Records Official Website](http://www.atlanticrecords.com/)**
>
> Celebrating Artists, Music Discovery and 60+ Years of Recorded Music History | Discover stories, music, videos, news, playlists and how to get signed.

I’d like to try to build something like this. I’m unsure of how they are getting the unselected elements to float to the correct y position when the selected box expands. I’ve seen a lot of stuff like this on the web and always wondered how it was done.

---

<div class="post-metadata">

**Author:** ![dthought](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/dthought/32/3573_2.png) [@dthought](https://forum.kirupa.com/u/dthought)\
**Post date:** [June 17, 2008, 1:10pm UTC](https://forum.kirupa.com/t/how-is-this-done-proximity/263563/2 "2008-06-17T13:10:48Z")

</div>

Looks like a slight diversion from an OS X dock zoom-style effect to only zoom one item and leave all others small.

You could use the height and position of the “zooming” element to set the height and y position of elements above and below it.

For example, [http://www.reloc.org/2008/2/23/os-x-dock-in-as3-and-flex](http://www.reloc.org/2008/2/23/os-x-dock-in-as3-and-flex)