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

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?
dgmoore1Asked:
Who is Participating?
 
LZ1Connect With a Mentor Commented:
Something like this?
http://jsfiddle.net/Vkp24/
0
 
dgmoore1Author Commented:
Could be, with a little fiddling. I'll give it a try - thanks!
0
 
LZ1Commented:
No problem. Feel free to ask any questions.
0
 
mcnuteConnect With a Mentor Commented:
You can cut the timline, position it via CSS and place the generated task file beneath it with an overflow: scroll.
0
 
dgmoore1Author Commented:
Just what I needed - thanks to both LZ1 and mcnute
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.