DIV con scorrimento mouse

saverio_web

Utente Attivo
Ragazzi ho un dubbio...in pratica voglio creare un DIV senza scrollbar ma che abbia al suo interno un contenuto più grande delle sue dimensioni e che per scorrerlo si debba utilizzare il mouse. A modi google maps insomma!
È possibile? Se si come?
Grazie in anticipo ragazzi =)
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Immagino che vista la domanda tu alluda all'utilizzo del suddetto div per l'inserimento di contenuti multimediali e che non accettano l'autoridimensionamento se non impostato.

Devi usare la proprietà CSS overflow:scroll;

Per le immagini devi impostare le dimensioni delle immagini (O in pixel, o in percentuale, ricorda che la percentuale si basa sulle dimensioni del div contenitore e non sulle dimensioni originali dell'immagine) altrimenti devi scorrere per visualizzarle tipo:

HTML:
<div>
	<div style="width:400; height:400; overflow:scroll;">
	testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
	<img src="http://www.t-book.unina.it/upload_img/big/090702172418img_apsti.jpg"/>
	</div>
</div>

Magari potresti specificare maggiori dettagli su quello che vuoi inserire dentro il div almeno studio un po la situazione e cerco di aiutarti come posso. Ciau ^^
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
J Far comparire e scomparire un div con un select Javascript 1
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
A Javascript Nascondere Div con id numerico dinamico Javascript 18
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
trattorino [PHP] prelevare solo div con id PHP 1
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
A [HTML] div flessibile con span HTML e CSS 14
E [Javascript] problema con margine quando viene mostrato div Javascript 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
Marcello.Fiore Nascondere div con jQuery jQuery 7
Erzsébeth Drag div con class Javascript 9
G validazione form con div tipo alert jQuery 0
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
P nascondere div con css inline Javascript 2
F DIv con contenuti dinamici Ajax 8
M Problema con ciclo foreach per chiusura apertura div in base al numero di record in database PHP 1
A centrare iframe con div HTML e CSS 2
B div riempito con testo collegato a esempio.txt o sincronizzazione tra div HTML e CSS 1
P div fisso con offset() o position() jQuery 2
P Div visibile con ie ma non con firefox e chrome HTML e CSS 7
S aggiornamento div con passaggio parametri da href Ajax 8
P aggiornare div con un clic senza reload Ajax 2
L sostituzione contenuto diversi div con document.getelementbyid Javascript 2
C Div con bordi come sfondo HTML e CSS 6
C Form con dentro div errore validatore w3c HTML e CSS 6
M Div dinamici con PHP jQuery 1
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
otto9due Incrementare id div con php PHP 2
Emix Slideshow con div sovrapposto HTML e CSS 5
max_400 Sostituire un div con un altro il comando innerHTML è bloccato Javascript 0
asevenx centrare sito con div HTML e CSS 7
C Dreamweaver cs4 problemi con div Ap HTML e CSS 0
asevenx struttura DIV realizzata con float: left che si spezza HTML e CSS 3
G Stampare valori in più div con PHP e MySQL PHP 4
B Auto-aggiornamento DIV con php+ayax PHP 1
F toggle con testo al toggle tra due div jQuery 3
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
D Problema con sovrapposizione DIV HTML e CSS 2
criric Div con frasi a rotazione Snippet Javascript 1
Monital I div non si accostano con float:left HTML e CSS 1
D Aiuto con Ajax e pagine incluse nei DIV Ajax 1
P Problema con hover div jQuery 2
M CSS...dinamico? Altezza div variabile, ma con immagine come bordo HTML e CSS 4

Discussioni simili