Scroll di un div

**prince996** · 25-03-2006, 11:03

Ciao ragazzi, come potete vedere con questo script composto da 2 pagine riesco a fare uno scroll di un iframe, ora però vorrei riuscire a fare la medesima cosa sostituendo l'iframe con un div tipo questo:

<DIV class="div" style="OVERFLOW:auto; POSITION:static; WIDTH:400px; HEIGHT:250px;"></div>

Avete qualche dritta da darmi per riuscire a fare scrollare il div con il medesimo javascript opportunamente modificato? Sto impazzendo :master:

Pagina principale:
http://www.marcoprincipi.com/scroll/Index.htm

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
</HEAD>
<style type="text/css">
.TestoBianco {font-family:Verdana;font-size:10px;color:#FFFFFF;}
</style>
<BODY bgcolor="#313131">
<table align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="400" height="250">
		<IFRAME src="frame.htm" scrolling="no" align="top" topmargin="0" leftmargin="0" marginHeight="0" marginWidth="0" width="400" height="250" frameBorder="no" allowtransparency="yes" style="background:#000000"></IFRAME>
	</td>
    <td>
		[img]img/scrollup.jpg[/img]
		

		[img]img/scrolldown.jpg[/img] </td>
  </tr>
</table>
</BODY>
</HTML>

Pagina del contenuto dell'iframe:
http://www.marcoprincipi.com/scroll/Frame.htm

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.TestoBianco {font-family:Verdana;font-size:10px;color:#FFFFFF;}
</style>
</HEAD>
<BODY bgcolor="#313131">

<SCRIPT language="JavaScript1.2" type="text/javascript">
			
				var speed, currentpos=curpos1=0,alt=1,curpos2=-1
				
				function initialize(){
				if (window.parent.scrollspeed!=0){
				speed=window.parent.scrollspeed
				scrollwindow()
				}
				}
				
				function scrollwindow(){
				temp=(document.all)? document.body.scrollTop : window.pageYOffset
				alt=(alt==0)? 1 : 0
				if (alt==0)
				curpos1=temp
				else
				curpos2=temp
				
				window.scrollBy(0,speed)
				}
				
				setInterval("initialize()",10)
			
			</SCRIPT>

<span class="TestoBianco">
testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

testo di prova testo di prova testo di prova testo di prova testo di

</span>

</BODY>
</HTML>

**dvjack** · 26-03-2006, 17:01

ciao,
per fare lo scroll di un div, io ho fatto cosi:

Pagina HTML:

codice:

<a onMouseOver="return doScrollerIE('up','CiaK')" onMouseOut="clearInterval(sRepeat)" href="javascript:void(0);">

<div id="CiaK" style="width: 94px; height: 20px; overflow: hidden; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">
CONTENTO DIV
</div>

<a onMouseOver="return doScrollerIE('down','CiaK')" onMouseOut="clearInterval(sRepeat)" href="javascript:void(0);">

File JS oppure se vuoi lo puoi inserire nell'head:

codice:

var sRepeat=null;
function doScrollerIE(dir, src) {	
// Velocità di movimento
amount=15;
// Direzione scorrimento
if (dir=="up") {
	if (document.all){document.all[src].scrollTop-=amount;}
	else if (document.getElementById){document.getElementById(src).scrollTop-=amount;}
					}	
else {if (document.all){document.all[src].scrollTop+=amount;}
	else if (document.getElementById){document.getElementById(src).scrollTop+=amount;}
		}	

if (sRepeat==null) {
	sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100);}
	return false}
	
window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
window.document.ondragstart = new Function("return false");

Funziona con IE 6.0 e FF 1.0+, ma non con Opera
siccome avevo già il codice pronto, te l'ho postato,spero ti possa essere utile
ciao

Discussione: Scroll di un div

Strumenti discussione

Ricerca discussione

Visualizza

Scroll di un div

Permessi di invio