CSS and Javascript

I have been working on an issue that I can't seem to solve.  I am using javascript to replace a scrollbar.  It works fine, but if I use anchored navigation, it breaks the CSS.  Please go to:
http://www.redthesteakhouse.com/index.php/cleveland/index.php
then navigate to #Menu.  Use the scroll bar and then the navigation on the left and you will see what I mean.

I think it is a CSS issue but I'm not finding a solution.  Please help and thank you in advance!
LVL 7
rgranlundAsked:
Who is Participating?
 
Kim WalkerWeb Programmer/TechnicianCommented:
The issue appears to be that the scroll bar is a child element of the div with class "jspContainer" which has scrolled up. The scroll bar is positioned absolutely at the top of it's parent div. The top of the parent div is out of view and thereby the scroll bar is out of view, too. Perhaps you should move the scroll bar up one level to be a child of the div with class "scroll-pane jspScrollable" instead.
0
 
Kim WalkerWeb Programmer/TechnicianCommented:
I don't see anything happening to the CSS. The layout isn't changing when I use the navigation on the left. Please explain what's happening to the layout that you describe as "breaks the CSS."
0
 
rgranlundAuthor Commented:
If you use the nav on the left, the scrollbar moves up and out of view.
0
 
Anuradha GoliSystems Development / Support SpecialistCommented:
I find no scroll bar in chrome .
0
 
rgranlundAuthor Commented:
@xmediaman  the JS for this is a large piece of Javascript that appends.  I would not be comfortable changing any of it since it is a large file.  Is there a simple piece of Javascript that can fix a div class vertically but not horizontally?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.