[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

CSS and Javascript

Posted on 2012-04-09
5
Medium Priority
?
210 Views
Last Modified: 2012-06-21
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
Comment
Question by:rgranlund
  • 2
  • 2
5 Comments
 
LVL 22

Expert Comment

by:Kim Walker
ID: 37825632
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
 
LVL 7

Author Comment

by:rgranlund
ID: 37829690
If you use the nav on the left, the scrollbar moves up and out of view.
0
 
LVL 12

Expert Comment

by:Anuradha Goli
ID: 37831482
I find no scroll bar in chrome .
0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 2000 total points
ID: 37832261
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
 
LVL 7

Author Comment

by:rgranlund
ID: 37833763
@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

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

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

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

873 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