[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 212
  • Last Modified:

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!
0
rgranlund
Asked:
rgranlund
  • 2
  • 2
1 Solution
 
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
 
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
 
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

Featured Post

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now