Link to home
Start Free TrialLog in
Avatar of Robert Granlund
Robert GranlundFlag for United States of America

asked on

JS Scroll Pane

I'm using JS Scroll Pane on a website.  The scroll works fine, gut If a place a menu that has named links, so you can jump to a specific part of the menu, the div moves up about 25 pixels and the slidebar disappears.

Here is a link:
goto:menu and you will see what I mean.

EXPERTS ONLY Please!
http://www.redthesteakhouse.com/development/index.php/miami
Avatar of Michel Plungjan
Michel Plungjan
Flag of Denmark image

Can you change

$('a.panel').click(function () {
  $('a.panel').removeClass('selected');
  $(this).addClass('selected');
  current = $(this);
  $('#wrapper').scrollTo($(this).attr('href'), 750);            
  return false;
});

to

$('a.panel').click(function (e) {
  e.preventDefault();
  current.removeClass('selected');
  $(this).addClass('selected');
  current = $(this);
  $('#wrapper').scrollTo($(this).attr('href'), 750);            
});
Avatar of Robert Granlund

ASKER

@mplungjan that change cause the scrollto to not work at all.
Any error in the console?
@mplungjan No errors in console.  Any other clues that may help?
No, not really. Do you have a test page?
If you go to the link above, you can see the final issue.  It may just be a CSS issue.
No longer jumping for me. The scroll bars disappear as usual though
Any ideas on how to keep it in place?
ASKER CERTIFIED SOLUTION
Avatar of Michel Plungjan
Michel Plungjan
Flag of Denmark image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial