Make navigation bar in JIRA static?

[DJX]

In JIRA 6.1.3 it's really nice that the Issue header will "stick" to the top as you scroll down the page. Is it possible to make it so the header (with the dashboard, projects, issues, and create issue button) "stick" to the top in the same way?

[Aseem Parikh · Accepted solution]

Well, I'm not sure it's the wisest thing to do as you may experience issues on particular screens, but here goes. Paste this into your Announcement Banner:

<style>
    #header {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 1000;
    }
    .aui-header { z-index: 1001; }
</style>

<script type="text/javascript">
    AJS.toInit(function() {
        AJS.$("#content").css("top", AJS.$("#header").height());
        AJS.$("#stalker").css("padding-top", AJS.$("#header").height());
    });
</script>

The JS is necessary because the height of the header can change if there's a message being displayed. e.g. If you add a new custom field, there will be a 3 line message at the top of all admin screens asking you to re-index.

[DJX]

Overall this solution is good. There are a few pages (as the author cautioned) that it doesn't look 100% correct, but it still accomplishes the goal. It would be nice if this was simply an option in the global preferences.

[gaberiv]

/** Fixed top nav bar **/  
#header {  
    position: fixed;  
    top: 0;  
    left: 0;  
    z-index: 1000;  
    width: 100%;  
}
.aui-header { 
z-index: 1001; 
}  

.aui-message{   
  margin: 45px 5px 5px 13px !important;  
  width: 90%;  
  z-index: 1001;  
  padding: 8px 40px 8px 60px;  
}  

.theme-default .ia-splitter #main {
    margin-left: 285px;
    margin-top: 35px;
}