• Community
  • Questions
  • How to realize a horizontal top menu single line with scroll buttons ?

How to realize a horizontal top menu single line with scroll buttons ?

Hi I asked once to make the navitabs scollable.

Now I made a static menu on top of every page with a fixed width. I made a scroll arrows for left and right if there are so much tabs that they dont fit into the fixed width.

The problem is that i used javascript and this doesn't work. And also the active tab isn't hightlighted.

Is there another way to realize a top menu which is left-right scrollable ?


2 answers

I customized the page decorator with this code:

<script type="text/javascript">

scrollStep = 3
timerLeft = ""
timerRight = ""

function scrollDivLeft(id){
function scrollDivRight(id){

function stopMe(){


<div id="left-scroll" onclick="scrollDivLeft('topthemen-div')" onmouseout="stopMe()">
<img src="arrow-left.png" height="35" border="0" />
<div id="top-div">
<table id="top-tab" border="0"><tr>
#foreach ($value in $rootChildren)
#if( $value == $page || $value == $parentPage || $value == $grandparentpage || $value == $greatgrandparentpage )
<td class="top-active"><a href="$rootUrl$value.title">$value.title</a></td>
<td class="top-notakcive"><a href="$rootUrl$value.title">$value.title</a></td>
<div id="right-scroll" onclick="scrollDivRight('topthemen-div')" onmouseout="stopMe()">
<img src="arrow-right.png" height="35" border="0" />

I made a table with overflow and at the left and right end divs as scroll buttons.

The only plugin I used is the voodoo plugin for the grandparentpage and greatgrandparentpage but this is only for my navigation hierarchy.

What are you using to implement the menu? is this a plugin with web-ui modules or just some template/theme hacking?

Suggest an answer

Log in or Join to answer
Community showcase
Louis De Jaeger
Posted Thursday in Off-topic

Friday fun: your best joke

Hi all Lets make this Friday fun really fun and post one (or more) of your best jokes! The joke can be about an Atlassian product, or just a really fun joke you want to share! I’m not the best j...

178 views 12 3
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot