Scroll to top 
Author: Luigi Dell'aquila
Visited 1015,
Followers 1,
Shared 0
C'è la possibilità di camnbiare colore al triangolo e aggiungere una scritta?
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTop.html#TOP
Posted on the
... puoi personalizzare come preferisci:
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor.html
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor2.html
.
Author
Grazie Kolasim
ma oltre al testo è possibile cambiare colore anche al triangolo?
si, aggiungi questa stringa con il colore che vuoi tu...
... infatti come detto da Mirko, e come detto prima, puoi fare come credi, per esempio: http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor3.html
.
Author
Grazie ad entrambi, ma come mai a me il testo si sovrappone al triangolo?
http://luigidellaquila.altervista.org/banner/top.html
prova questo:
<div id="angolo_k" style="position:fixed;bottom:10px;right:10px;font-size:100px;visibility:hidden">
<a title="TOP" href="#TOP">▲<p style="color:#FF00FF;font-size:20px;">TORNA SU</p></a>
</div>
Author
Si ora non si sovrappone, ma il colore del triangolo dove va inserito?
... nell'ultimo mio link il codice del DIV_CUSTOM è questo:
<div id="angolo_k" style="position:fixed;bottom:10px;right:10px;visibility:hidden;line-height:5px"><a title="TOP" href="#TOP" style="text-decoration:none;"><span style="decoration:none;color:green;font-size:100px;">▲</span><p style="color:red;font-size:20px;">TORNA SU</p></a></div>
... dove il codice per la freccia di colore verde greenè questo:
<span style="decoration:none;color:green;font-size:100px;">▲</span>
.
Author
Ciao Kolasim
come dicevo non so perchè, ma il tuo codice sul mio sito sovrappone la scritta sul triangolo
ecco il link http://luigidellaquila.altervista.org/banner/topkolasim.html
mentre la modifica di Mirko non sovrappone la scritta, ma non so dove inserire il colore per il triangolo
ecco il link http://luigidellaquila.altervista.org/banner/top.html
X
Author
Ciao.
C'è anche un'altro problema che la freccia non è responsive. Se si restringe la freccia non funziona.
... non servirebbe e comunque sarebbe un altro discorso:
- responsive >>> http://goo.gl/IT6I8j
.
Author
Lo so sto diventando rompi..... però ora che è responsive quando è inferiore ai 960 px la freccia va sempre più giù fino a sparire
http://luigidellaquila.altervista.org/banner/responsive.html
... devi giocare sui valore bottom; >> clone: http://www.zspace.it/kolasim/trash/goToTopLuigi143545.html
.
Author
Ho fatto come hai detto mmodificando il valore bottom, ma mi con me non vuole proprio funzionare. Al primo livello di riduzione finquando non hai trascinato tutto giù lo scroll il triangolo non è selezionabile
http://luigidellaquila.altervista.org/banner/responsive.html
... prova con l'aggiungere lo z-index superiore nel DIV_CUSTOM, per esempio:
#angolo_k {position: eccetera eccetera; z-index:11000}
... rivedi il clone...
.
Author
Perfetto aggiungendo z-index:11000 funziona tutto perfettamente.
Grazie per la pazienza
X