jQuery Forum

Hello!

I want to create for my little homepage a navigation, which is wider than the viewport. Therefor it should be possible, to drag the whole <ul> - element to the left and to the right.

The navigation has got a fixed height, so the list has just to be dragged across the x axis.

I managed to make the list being draggable... well thats not hard with JQuery UI. But without using the containment atribute, you can shift the whole navigation out of the viewport.

For this reason I used the containment atribute, but this is my problem. If the draggable element is bigger than than the containment, it is just snapping to the left and right margins.

Do I use JQuery wrong for this application, or is there a possability to solve this problem?

Pleas help me :O Im desperate...

Cheers

Hello!

Im using JQuery UI since a few weeks, and want to try different things... Its working very good so far!

Now I want to make a small page navigation, which is using the draggable function. No problem so far.

1. <nav id="page_navigation">
      <div id="item_container">
         <ul class="draggable">
            <li><a href="#">Home</a></li>
            <li><a href="#">The Youth</a></li>
            <li><a href="#">First Eleven</a></li>
            <li><a href="#">Senior Team</a></li>
            <li><a href="#">Our Stadium</a></li>
            <li><a href="#">The Management</a></li>
            <li><a href="#">Our Tradition</a></li>
            <li><a href="#">Beeing Member</a></li>
         </ul>
      </div>
   </nav>