Ciao a tutti,
premetto che non sono esperto di Javascript ....
Come posso ottenere questo effetto? (aspettate che carica tutti i post e poi guardate in fondo alla pagina)
http://www.omniauto.it/magazine/5363...-e-c-max-a-gpl
E' una sorte di banner pubblicitario che sta sempre in basso e contiene un file flash con trasparenza....è molto bello ma non saprei come farlo.
Qualche aiuto?
ehm, beh, l'effetto che scrolla con la pagina si ottiene con i CSS, con JS si setta soltanto il margin-top ed il pulsante per impostare il display: none;
Codice PHP:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#Bottomed{
height: 150px;
width: 100%;
position: fixed;
background-color: red;
margin: 0;
}
#Bottomed div{
text-align: right;
height: 20px;
line-height: 20px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myHeight = document.body.clientHeight;
}
var btm = document.getElementById('Bottomed');
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
btm.style.marginTop = (myHeight - 150)+"px";
var closing = document.getElementById('Closing');
closing.onclick = function(){
document.getElementById('Bottomed').style.display = 'none';
}
}
</script>
</head>
<body>
<div id="Bottomed">
<div>
<a href="#" id="Closing">
Close X
</a>
</div>
</div>
</body>
</html>
I DON'T Double Click!
ah, mi sono reso conto che c'è un errore:
è
noncodice:btm.style.top = (myHeight - 150)+"px";
Su IE6 però non funziona. Ammetto che non so come gestire il position:fixed in IE6...codice:btm.style.marginTop = (myHeight - 150)+"px";
I DON'T Double Click!
E' questione di tempo... un mese o poco più e ci sarà un articolo anche su questo argomento.Originariamente inviato da artorius
Su IE6 però non funziona. Ammetto che non so come gestire il position:fixed in IE6...
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
non so se quello postato da voi è lo stesso ma l'esempio che ho indicato io su quel sito funziona anche con IE6 ...
prova a scrollare quel sito velocemente con il layer aperto ... l'effetto è tutt'altro che piacevole
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
si è vero, l'effetto non è piacevole però piuttosto che non vederlo su IE6 meglio vederlo così .....
Ma quando voi avete ipotizzato che non funzionasse su IE6 intendavate questo? cioè che scrolla male?
Inoltre, per la trasparenza del file di flash?
Se su IE6 fosse supportato position: fixed, vedresti sempre quel layer ancorato in basso, senza effetti fastidiosi
Poichè non è supportato su quel browser, hanno usato uno script che posiziona quell'elemento nel posto giusto,
ma ovviamente scrollando veloce, lo script non riesce ad effettuare il calcolo in modo talmente veloce da darti l'impressione che il layer dia l'illusione di restare fermo.
Il mio riferimento è che tra qualche settimana proporrò un workaround in grado di ottenere lo stesso effetto che darebbe position: fixed anche su IE6, ovvero un layer perfettamente fermo.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Permessi di invio
Rispondi quotando