Solved

JS Scroll Pane

Posted on 2012-04-02
9
473 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
Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

 
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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
how to customize the text in the legend in highcharts 3 35
Read text on Table 7 30
15 puzzle in Javascript/html 2 44
How do I post more than 1 item to php backend 24 31
Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

726 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