Colonne laterali con loghi scorrevoli

[boyot]

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

[lemonsong]

Prova a vedere se questo esempio risponde a quello che stai cercando di ottenere:

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.

[boyot]

Grazie l'esempio è esattamente quello che volevo fare.

Domani mi cimento con lo script e ti faccio sapere

[boyot]

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?

[lemonsong]

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