Response title
This is preview!
Draggable Navigation
in Using jQuery UI
•
6 months ago
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.
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.
- <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>
Thats my navigation... The LI elements have a width of 240px + 20px margin. So the complete width is 2080px. I want to make the whole UL element draggable inside the DIV container, which has got a width of 95% of the viewport. The navigation should be draggable only on the X-axis.
This is working so far, but when I use the containment attribute, the UL is just snapping to the side borders.
I found a solution, where the containment is given in coordinates [x,y,x,y] but, then the 5% of the viewport are included...
Is there any easier solution to solve this problem?
cheers
This is working so far, but when I use the containment attribute, the UL is just snapping to the side borders.
I found a solution, where the containment is given in coordinates [x,y,x,y] but, then the 5% of the viewport are included...
Is there any easier solution to solve this problem?
cheers
1
