Question

I think this is a css issue, but it could be an issue with the js. When my accordion links are clicked on, they are supposed to open and slide to the top of the page – which they do. However, I have a fixed top header and they are sliding up behind that. I need it to stop about 60px lower on the page so that it is visible.

http://imip.rvadv.com/index3.html

http://jsfiddle.net/imakeitpretty/ruwjn/

Answer 1

On line 102 of jquery.accordion.js an offset value is set for each item in the accordian. You can simply subtract a static number (you suggested 60px) to that value for each number to change how far the document will scroll. To do it elegantly, I would pass it as another option which you can then access from within the script by doing something like this (assuming you name your option scrollOffset:

_saveDimValues    : function() {
    scrollOffset = this.options.scrollOffset;
    this.$items.each( function() {

      var $item   = $(this);

      $item.data({
        originalHeight  : $item.find('a:first').height(),
        offsetTop   : $item.offset().top - scrollOffset
      });

    });

},

http://jsfiddle.net/ruwjn/7/