?
Solved

Javascript/CSS: fixed header image above sliding image below?

Posted on 2011-09-09
5
Medium Priority
?
288 Views
Last Modified: 2012-05-12
I have a schedule graphic (png generated from a schedule management tool) with a timeline at the top and arbitrary number of task rows beneath. I have created a separate graphic of the timeline/header row - is there a way I can display that graphic fixed at the top of the page and allow the graphic with the task rows to "slide" up and down so the timeline is always visible rather than scrolling off the page as the rest of the graphic scrolls down?
0
Comment
Question by:dgmoore1
  • 2
  • 2
5 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 1000 total points
ID: 36512898
Something like this?
http://jsfiddle.net/Vkp24/
0
 

Author Comment

by:dgmoore1
ID: 36513286
Could be, with a little fiddling. I'll give it a try - thanks!
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36513289
No problem. Feel free to ask any questions.
0
 
LVL 11

Assisted Solution

by:mcnute
mcnute earned 1000 total points
ID: 36515849
You can cut the timline, position it via CSS and place the generated task file beneath it with an overflow: scroll.
0
 

Author Closing Comment

by:dgmoore1
ID: 36516921
Just what I needed - thanks to both LZ1 and mcnute
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Question has a verified solution.

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

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

621 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