Solved

JS Scroll Pane

Posted on 2012-04-02
9
463 Views
Last Modified: 2012-04-23
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
0
Comment
Question by:rgranlund
  • 5
  • 4
9 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37800540
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);            
});
0
 
LVL 7

Author Comment

by:rgranlund
ID: 37801957
@mplungjan that change cause the scrollto to not work at all.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37802017
Any error in the console?
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 7

Author Comment

by:rgranlund
ID: 37816929
@mplungjan No errors in console.  Any other clues that may help?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37817180
No, not really. Do you have a test page?
0
 
LVL 7

Author Comment

by:rgranlund
ID: 37817270
If you go to the link above, you can see the final issue.  It may just be a CSS issue.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37817477
No longer jumping for me. The scroll bars disappear as usual though
0
 
LVL 7

Author Comment

by:rgranlund
ID: 37817509
Any ideas on how to keep it in place?
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 37817522
Not without extensive debugging. I am alas off to bed
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question