Link to home
Start Free TrialLog in
Avatar of Zack
ZackFlag for Canada

asked on

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

Avatar of yats
yats
Flag of India image

please provide the link.
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.
Avatar of Zack

ASKER

Here is a graphic of what I need done.  Thanks! :)
needhelp.jpg
ASKER CERTIFIED SOLUTION
Avatar of Kyle Hamilton
Kyle Hamilton
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Zack

ASKER

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