Scrolling page with locked div

zack4x4
zack4x4 used Ask the Experts™
on
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

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
please provide the link.
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
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.

Author

Commented:
Here is a graphic of what I need done.  Thanks! :)
needhelp.jpg
Data Scientist
Most Valuable Expert 2014
Commented:
did you try what I suggested?

Also, a picture is not helpful. You need to post a link to your page, or the html.

Author

Commented:
I figured it out I just used HTML frames instead.  Thanks though.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial