- Home
- Categorie
- Coding e Sistemistica
- Coding
- Immagine fissa in basso anche se si scrolla la pagina
-
Immagine fissa in basso anche se si scrolla la pagina
Ciao ragazzi,
volevo sapere come si mette un immagini fissa a fondo pagina visibile anche se si scrolla la pagina.L'ho trovato in questo sito, è l'immagine con scritto BACK TO TOP e mi potrebbe tornare molto ultile.
http://www.yesstyle.com/en/Browse.aspx?section=women&did=11169&pdid=11169
Sapete dirmi come si o cmq come si chiama l'effetto e poi faccio qualche ricerchina?
Grazie
-
viene usato un css
[html]/* Back to top button */
div#backtotop {position:absolute; bottom:10px; right:10px; width:80px;}
@media screen {
body>div#backtotop {position:fixed;}
}[/html]
-
Ciao OlaOla.
Ecco ho provato ma su Firefox non mi funge!
-
io mi ricordo che c'era un js che faceva in modo che il tuo oggetto seguisse lo scroll...
ora il problema è ricordarsi che js fosse...
-
@Vampiretta said:
Ciao OlaOla.
Ecco ho provato ma su Firefox non mi funge!la pagina e' quella nella tua firma? non vedo riferimenti a "backtotop" nel codice...
-
olaola scusami, ecco la pagina di prova.
studioghibliessential.it/dvd-studioghibliYES.html
Che funge con IE ma non con Firefox
Io ho messo nel css
[html]div#backtotop {position:absolute; bottom:10px; right:10px; width:40px; font-size: 11px; font-weight: bold;}
@media screen {
body>div#backtotop {position:fixed;}
}[/html]E nella pagina
[html]<DIV id=backtotop><img src="immagine-punto_nero.gif" alt="" border="0" class="punto"> <A href="javascript:window.scrollTo(0,0);">Top</A></DIV>[/html]e sempre nella pagina anche
[html]<!--[if gte IE 5.5]>
<style type="text/css">
div#backtotop {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
right: auto; bottom: auto;
left: expression( ( -10 - backtotop.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( -10 - backtotop.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]-->[/html]
-
Un aiutino ancora? Continuo a smanettare ma su Firefox non va.
-
io non ho messo quella seconda parte per IE5.5 nella pagina html e sembra funionare con firefox
-
olaola io se levo quello non mi funge più su IE e manco su Firefox!
-
nel tuo foglio di sitle "stileYES.css" non vedo questa parte di codice
[html] @media screen {
body>div#backtotop {position:fixed;}
}[/html]
-
Lo avevo lasciato solo in quello in locale.
Ora c'è anche sullo stileYES.css online e ho tolto quel codice che mi dicevi in html.E a me non funziona ne su IE e Firefox come ti dicevo.
-
non so che dire..
prova a mettere il codice all'inizio della pagina, subito dopo il body e prima del "contenitore"
-
Grazie olaola, non mi arriva comunicazione dell'aggiornamento di questo thread!
Domani provo tutto e ti faccio sapere. Grazie ancora!!
-
olaola GRAZIE credo il problema fosse proprio dove era posizione il div nel body, l'ho messo all'inizio fuori dal contenitore come dici tu e ora funge.
Vedo che è una cosa che succede a tutti ma come mai con IE il linkino si muove appena scrollando la pagina, mentre fon Firefox rimane perfettamente fermo?