Scrolling page with locked div

Hi All - I have a screen that I scrolling thanks to a previous question that was answered for me.  I forgot that I need a banner at the bottom that doesn't scroll.  It has to be at the bottom of screen regardless of what size the window.  The browser window isn't full screen so I would need the 100px high banner to stay frozen over top of the scrolling if that makes sense.

I'm using this code
var savpos = -1;
function pageScroll() {
    scrollBy(0,1);
		if (savpos == document.body.scrollTop) { // didn't scroll - end reached

			// TODO: redirect
			// window.location.href = '...';

			// to test, show alert
			 window.setTimeout(pageNext,6000)

		} else {
			savpos = document.body.scrollTop;
			scrolldelay = setTimeout(pageScroll,10);
		}
}

function pageNext() {
//	 alert('done');
	 window.location.href = './eventboard.php';

}

Open in new window

LVL 4
zack4x4Asked:
Who is Participating?
 
Kyle HamiltonConnect With a Mentor Data ScientistCommented:
did you try what I suggested?

Also, a picture is not helpful. You need to post a link to your page, or the html.
0
 
yatsCommented:
please provide the link.
0
 
Kyle HamiltonData ScientistCommented:
without seeing your page its hard to help. and the script you provided is also incomplete.

but you could try
position:fixed;
bottom:0;
for your footer. that would be typical.
0
 
zack4x4Author Commented:
Here is a graphic of what I need done.  Thanks! :)
needhelp.jpg
0
 
zack4x4Author Commented:
I figured it out I just used HTML frames instead.  Thanks though.
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.