Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v11] Evolution/Professional - Discussioni generali => Topic aperto da: boyot - 04 Aprile, 2016, 14:55:19
-
Ho creato 3 colonne, una a sinistra e una a destra con i loghi degli sponsor, e una centrale col testo.
Vorrei sapere se è possibile e come si fa a fare in modo che i loghi laterali scorrano andando in basso a leggere la pagina.
Il sito è questo: http://www.rivolirugby.it (http://www.rivolirugby.it)
-
Prova a vedere se questo esempio risponde a quello che stai cercando di ottenere:
http://lemonsong.altervista.org/test_sidebar_scrollTop/ (http://lemonsong.altervista.org/test_sidebar_scrollTop/)
Se sì, imposti per tutti gli oggetti che fungono da "sidebar" un'ancora, esempio: per quelli di sinistra sidebarL e per quelli di destra sidebarR
Al Passo 4 - Statistiche, SEO e Codice - Prima della chiusura del tag HEAD incolli questo script:
<script>
$(window).scroll(function() {
var sidebar = $('#sidebarL + div div[id^="imCellStyle_"], #sidebarR + div div[id^="imCellStyle_"]');
if ($(window).scrollTop() > 200) {
sidebar.css({
'position': 'fixed',
'top': '60px'
});
} else {
sidebar.css({
'position': 'relative',
'top': 'auto'
});
}
});
</script>
I valori in rosso sono da personalizzare.
Nota: le sidebar sono in position:fixed quindi l'altezza delle stesse non deve essere esagerata perché altrimenti chi naviga con risoluzioni relativamente basse, non vedrà tutto il loro contenuto.
-
Grazie l'esempio è esattamente quello che volevo fare.
Domani mi cimento con lo script e ti faccio sapere
-
Per lo script nessun problema, l'ho messo nel posto giusto
Non ho capito l'ancora dove si imposta, l'unica che ho trovato è la punto 3 in "Creazione della pagina" e l'ho messa sulle 2 barre ai lati ma non succede nulla.
Devo creare una cella per ogni sponsor o posso lascarli tutti in un'unica?
-
Come già detto, i nomi delle ancore in ogni pagina devono essere sidebarL per un unico oggetto di sinistra e sidebarR per un unico oggetto di destra.
Se vuoi altri nomi, devi cambiarli anche nello script.
Se hai ancora problemi, aggiorna il sito per capire cosa stai facendo.
Considerazioni:
- se gli sponsor sono gli stessi in ogni pagina, forse ti conviene/conveniva inserirli con un altro metodo, per esempio nel footer/header con un po' di codici oppure, al limite, utilizzando iframe
- se passerai alla 12 in modalità responsive, l'esempio dovrà essere rivisto