scroll in un div specifico

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
 

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
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>
 

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
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
Autore Titolo Forum Risposte Data
E Div che scompare con scroll jquery Javascript 0
U div fisso che ad un certo punto dello scroll scompare jQuery 3
F [HTML] Div in scroll insieme alla pagina HTML e CSS 0
otto9due Apparizione e scomparsa div in base allo scroll pagina jQuery 4
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
N Div metà fisso e metà scroll HTML e CSS 4
felino [HTML] DIV menu fisso durante lo scroll HTML e CSS 5
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
I spostare div in base all'altezza dello scroll della pagina Javascript 1
B Aiuto per scroll div jQuery 4
J scroll orizzontale div HTML e CSS 1
I [ajax] div con scroll orizzontale e barra Ajax 3
L DIV scroll verticale HTML e CSS 3
F Animazione testo sito web diminuire grandezza di un testo allo scroll Javascript 0
M Posizionare una tabella con scroll su un elemento specifico PHP 3
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
L Cambiare classi solo scroll up jQuery 2
A [Javascript] [PHP] Scroll refresh chat Javascript 2
M [Javascript] Visualizza contenuto file XML aggiornato con text scroll Javascript 0
L Aggiungere contenuto con ajax durante lo scroll jQuery 1
T [HTML] Problema pulsante scroll down su ecommerce CMS (Content Management System) 0
O Allo scroll cambiare colore di sfondo jQuery 0
simone gatti [PHP] Problema scroll "content" PHP 2
A [Javascript] avviare un animazione js allo scroll della pagina Javascript 7
G Modificare navbar in base allo scroll jQuery 6
giuseppe_123 [WordPress] scroll post WordPress 2
K Transazioni durante lo scroll della home page Javascript 2
P infinite scroll: quali i parametri corretti? WordPress 0
M Scroll che mostra e nasconde elementi Javascript 2
voldemort Sfondo parallasse con scroll e ritardo Javascript 1
F impedire scroll verticale Javascript 0
F impedire scroll verticale jquery Javascript 0
F Animazione jQuery scroll - ancore, si può fare? Javascript 1
L [RISOLTO]Pagina PHP jquery Mobile non funziona scroll nella pagina jQuery 3
J attivare sezioni sito scroll jQuery 1
J javascript sito scroll Javascript 4
Mauro Guardiani scroll Discussioni Varie 0
L Scroll in Basso Chat Javascript 0
L Infinite Scroll Javascript 1
T Realizzazione "scroll" orizzontale Javascript 4
F scroll thunbnail Joomla 2
P scroll veeticale di un testo Javascript 1
P Problema visualizzazione pulsanti dopo scroll jQuery 6
Mauro Guardiani infinite scroll Discussioni Varie 0
Mauro Guardiani auto scroll Discussioni Varie 0
F Scroll e movimento nella pagina personalizzato Javascript 1
M Scroll del Sito Javascript 0
P Lightbox + Smooth Scroll Horizontal Javascript 1
D Scroll NEWS in php PHP 1
W Scroll Images tipo "Dock Menu" Ajax 3

Discussioni simili