Avatar of Zack
Zack
Flag 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

HTMLJavaScriptCSS

Avatar of undefined
Last Comment
Zack

8/22/2022 - Mon
yats

please provide the link.
Kyle Hamilton

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.
Zack

ASKER
Here is a graphic of what I need done.  Thanks! :)
needhelp.jpg
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
ASKER CERTIFIED SOLUTION
Kyle Hamilton

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Zack

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