Scrollable content script III Quick back to top of scroll

**printman55** · 01-13-2009, 04:42 AM

1) Script Title: Scrollable content script III Very freely adapted from Scrollable content script II by jscheuer1
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm
3) Describe problem: I have constructed a lengthy scroll and want to place "back to top" points within the scroll. The normal <A> tag doesn't work, so I used a page refresh as a work around, but this is not effective. Can you help with a code modification that will get the scroll "back to top" from links within the code?
http://www.rspsitedesign.com/Stowe/C...Tax_Forms.html

Many thanks,
Steve

**Nile** · 01-13-2009, 12:55 PM

Just add this to the bottom of the content in the scroller:

Code:

<a href="javascript: void(0)" onclick="moveup()">Go Up</a>

**printman55** · 01-13-2009, 02:21 PM

Thanks for the suggestion.
I added the code to the first "Top of Page" up arrow in the scroll, the last "Top of Page" up arrow in the scroll (bottom of content) and also below the Up-Down arrow controls at the bottom. Neither seems to work as intended??
http://www.rspsitedesign.com/Stowe/C...Tax_Forms.html
Steve

Code added:
<a href="javascript: void(0)" onclick="moveup()">Go Up</a>

**Nile** · 01-13-2009, 10:35 PM

Change it to:

Code:

<a href="javascript: void(0)" onmouseover="movedown('topofpage', 6)">Go Up</a>

**printman55** · 01-14-2009, 02:39 AM

I made the code change to the bottom of the content as you suggested. I also changed the page link to a test page:
http://www.rspsitedesign.com/Stowe/C...orms-Test.html
When you mouseover "Go To Top" it takes the scroll all the way to the bottom and then the up arrow control arrow doen't work?? What I'm looking for is a way to onclick get the scroll back to the top all at once.

**Nile** · 01-14-2009, 02:41 AM

Whoa.. that was the stupidest thing I've ever done:

Code:

<a href="javascript: void(0)" onclick="moveup('topofpage', 6)">Go Up</a>

**printman55** · 01-14-2009, 02:50 AM

I't going in the right direction onclick. The problem is still that it still locks up the up/down arrow controls??

http://www.rspsitedesign.com/Stowe/C...orms-Test.html

**Nile** · 01-14-2009, 02:55 AM

Right now I'm just trying to catch a fish out in the air.. But give this a try:

Code:

function moveup(id, speed){
var crossobj=document.getElementById? document.getElementById(id) : document.all? document.all[id] : null;
if (parseInt(crossobj.style.top)<=0){
clearTimeout(moveupvar);
}
if (parseInt(crossobj.style.top)+speed<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+'px';
moveupvar=setTimeout("moveup('"+id+"', "+speed+")",20);
}

**printman55** · 01-14-2009, 03:12 AM

Almost there!!
Two things short of perfection. 1) Right after you click on the "Go Up" and wait until it gets to the top then mouse over the down arrow control, nothing happens. Then mouse over the up arrow then back to the down arrow is moves freely. Almost seems this process clears the lockup. 2) What speed would you suggest to zip the scroll back to the top fast?

**Nile** · 01-14-2009, 03:20 AM

Try replacing the moveup, and the movedown functions with:

Code:

function movedown(id, speed){
clearTimeout(moveupvar);
var crossobj=document.getElementById? document.getElementById(id) : document.all? document.all[id] : null;
var contentheight=crossobj.offsetHeight;
if (parseInt(crossobj.style.top)-speed>=(contentheight*(-1)+crossobj.parentNode.offsetHeight-10))
crossobj.style.top=parseInt(crossobj.style.top)-speed+'px';
movedownvar=setTimeout("movedown('"+id+"', "+speed+")",20);
}
 
function moveup(id, speed){
clearTimeout(movedownvar);
var crossobj=document.getElementById? document.getElementById(id) : document.all? document.all[id] : null;
if (parseInt(crossobj.style.top)<=0){
clearTimeout(moveupvar);
}
if (parseInt(crossobj.style.top)+speed<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+'px';
moveupvar=setTimeout("moveup('"+id+"', "+speed+")",20);
}