scroll in un div specifico

  • Creatore Discussione Creatore Discussione Marco_88
  • Data di inizio Data di inizio

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
Ciao a tutti
Sto cercando su internet una funzione in javascript per far scrollare un div specifico. So che esiste l'oggetto window con il suo metodo associato scrollTo come in questo script che ho trovato sulle guide di webmaster

Codice:
<script type="text/javascript">
function FinePagina()
{
    var w = window.screen.width;
    var h = window.screen.height;
    window.scrollTo(w * h, w * h)
}
</script>

Io invece che indirizzarlo alla pagina, lo devo indirizzare ad un div specifico che, ad ogni click su un bottone "up" & "down" deve scrollare di numero "n" pixel.
Come posso fare? grazie
 
E' quello che cercavo, lo sto provando ma c'è qualcosa che non va perché non scrolla.

Codice:
<script>

//Scroll Buttons

var div = document.getElementById('right-banner'),
    butUp = document.getElementById('scroll-up'),
    butDown = document.getElementById('scroll-down');

var scrollLength = 90;

butUp.onclick = function() {
    div.scrollTop -= scrollLength;
};

butDown.onmousedown = function() {
    div.scrollTop += scrollLength;
};	
</script>

HTML:
<!-- Pulsante Up -->

 <div style="float:right; display:inline; margin-left:900px; margin-bottom:-70px; padding:0px 0px 0px 0px;width:200px;background: transparent;"><button id="scroll-up"><img src="images/button-up.png"/></button></div>

<!-- Contenitore da scrollare -->

                     <div id="right-banner" style="float:right;background: #ffffff;display: inline; width:390px; height:300px;">


<!-- Pulsante Down -->

<div style="float:right;margin-left:900px; width:200px; margin-top:-30px;"><button id="scroll-down"><img src="images/button-down.png"/></button></div>
 
Il div contenitore non viene chiuso come tag, inoltre giustamente dovresti inserire del contenuto.
In ogni caso, ti consiglio di partire dall'esempio base che ti ho mostrato tramite jsfiddle che sicuramente funziona e poi modificare a poco a poco il codice finché non rispecchia ciò che ti serve.
 

Discussioni simili