Ciao a tutti.
Ho il seguente problema:vorrei realizzare una scrollbar personalizzata,che "scrolli" un div o un box con testo ed immagini,tramite due immagini che fungono da up e down.
Vorrei cioè cambiare l'orribile scrollbar di default dell'html come voglio.
Grazie.
ne uso una nel mio sito (in firma) ed è lì pronta anche da scaricare: scrolla onmouseover e onclick aumenta la velocità. Altrimenti prova a cercare tra le risorse di html.it
però la mia (come molte altre) da sola è una mazzata in termini di compatibilità, se decidi di usarla ti consiglio di fare in modo che chi non ha i js abilitati visualizzi la barra di default, che normalmente viene omessa da:
- da css tramite overflow:hidden
- tramite attributo proprietario del body: scroll=no
Se hai bisogno di aiuto per adattarla alla tua pagina chiedi pure
PS. Precisazione: barra di default è del browser, non dell'html
grazie,solo dove posso scaricare la versione originale?
o l'hai fatta tu?
No non l'ho fatta io, e la versione originale la puoi scaricare direttamente dal mio sito (sezione risorse > gli script che ho usato, alla voce "scrollbar a velocità variabile") così come l'ho scaricata io, da dhtmlnirvana.com mi pare.
Ciao
Ciao.
Scusa ma sono nuovo di javascript e html.
volevo chiederti se si puo' anche scrollare un div e come posizionare le immagini up/down.
Praticamente c'ho capito poco.
Grazie mille
Codice da inserire nella pagina
invece la posizione dei bottoni di scroll la cambi tramite il csscodice:<head> <script type="text/JavaScript" src="scroller.js"> </script> </head> <body onload="contentSetup('contentLYR',10)"> <div id="scrollupLYR"> <a href="#" onmouseover="scrollManager('scroll_page','dn_slow')" onmousedown="scrollManager('scroll_page','dn_fast')" onmouseup="scrollManager('scroll_page','all_stop')" onmouseout="scrollManager('scroll_page','all_stop')"> [img]arrow_up.jpg[/img]</a> </div> <div id="scrolldownLYR"> <a href="#" onmouseover="scrollManager('scroll_page','up_slow')" onmousedown="scrollManager('scroll_page','up_fast')" onmouseup="scrollManager('scroll_page','all_stop')" onmouseout="scrollManager('scroll_page','all_stop')"> [img]arrow_down.jpg[/img]</a> </div> <div id="contentLYR"> Qui il contenuto del div che vuoi scrollare </div>
Tutto chiaro adesso?codice:#scrollupLYR { position : absolute; height : auto; width : auto; left : 90%; top : 15%; z-index : 2; visibility : visible; } #scrolldownLYR { position : absolute; height : auto; width : auto; left : 90%; top : 75%; z-index : 2; visibility : visible; }
grazie tanto per il tuo interessamento,provo domani e ti so dire.Ciao.
Ho provato ed è fantastico,solo che ho una testata e un menu in alto e, quando scorro verso il basso col pulsante down la scritta mi va a finire sopra queste sezioni(header e navigation)come faccio a farla sparire invece che farla andare su un altro div?
Grazie . Ciao.
le freccie di scroll solo quando il testo supera la dimensione del div?
Ciao a tutti
devo realizzare una scrollbar personalizzata, e la soluzione proposta da Petro_suse91 mi sembra ottima.
Purtroppo non trovo dove poter scaricare il codice "scroller.js" di cui si parla, in fondo è passato un anno e mezzo!
Se qualcuno di voi può aiutarmi, ne sarei felice.
Ho già contattato Petro_suse91 e Giuseppe500, ma in attesa di una risposta, riporto in vista questa discussione, poiché è urgente.
Permessi di invio
Rispondi quotando