muovere div

alessandromonti

Utente Attivo
25 Mar 2012
62
0
0
salve..cerco spostare un div da destra a sinistra...

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">

#menu2 {
   height: 124px;
    right: -500px;
    position: absolute;
    top: 100px;
    width: 270px;
    border:solid blue 3px;
	
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
var $nonno = $("#menu2");
$nonno.delay(700).animate({right: parseInt($nonno.css('right'),10) == 0 ? +$nonno.outerWidth() : 100}); 
});
</script>

</head>
<body>
<div id="menu2">hhghgghgg
</div>
</body>
</html

..problema..durante l'animazione salta fuori la barra di scorrimento orizzontale...finita animazione..sparita la barra..suggerimenti?
con lo stesso script per spostare da alto a basso e da sinistra a destra no problemi

grazie
 

Longo8

Utente Attivo
28 Mar 2011
1.694
0
36
Prova a sostituire questa riga:
Codice:
right: -500px;
con:
Codice:
left: 100px;
 

alessandromonti

Utente Attivo
25 Mar 2012
62
0
0
grazie risposta..non quaglia..apro la pag e il box è lì a 100px dal margine sins della pag browser..niente animazione..

grazie
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Ciao, prova ad aggiungere questo al css per non rendere visibile la barra

Codice:
body{
    overflow-x: hidden;
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Estrarre e muovere un campo da un foreach PHP 0
A muovere box Javascript 2
F realizzazione piccoli siti web per aziende. Come muovere i primi passi? Discussioni Varie 6
M muovere le notizie in verticale Javascript 1
matteoraggi muovere una foto con joomla 1,5 e mosets tree Joomla 5
max_400 Gioco: muovere un clip su delle coordinate impostate dall'utente Flash 2
B muovere gli oggetti con dreamweaver... HTML e CSS 1
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
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
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3

Discussioni simili