Scroll colonna non funziona

Forum di discussione su HTML5, CSS, XHTML, XML, XSL

Moderatore: Toki

Regole del forum
Leggi: IProgrammatori.it - Regolamento Forum
Avatar utente
Ipro
Utente Junior
Messaggi: 84
Iscritto il: 07 feb 2013, 17:59

Scroll colonna non funziona

Messaggioda Ipro » 28 nov 2017, 11:32

Sto cercando di rendere la colonna sinistra scroll come quella di Facebook che quando arriva sopra ad un certo punto, si ferma. Ho trovato questo codice, ma ovviamente non so farlo funzionare. I 2 css sono veri e cioè sono quelli originali che ho nel sito. Quello che succede è che non scrolla niente, è come che il codice non ci fosse.

Codice: Seleziona tutto

<style>
/* Colonna laterale sx */
.site:before {
   float: left !important;
   border: 0px solid red;
}

/* Contenitore centrale */
#content {
   float: right !important;
   border: 0px solid green;
}
</style>

<script>
jQuery(document).ready(function($) {
    var menu = $("#content");
    var posizione = menu.position(); // intercettiamo qui l'evento "scroll"                 
    $(window).scroll(function() { // "$(window).scrollTop()" ci dice di quanto abbiamo scrollato la pagina   
        if ($(window).scrollTop() >= posizione.top) { // abbiamo scrollato oltre il div, dobbiamo bloccarlo
            menu.addClass("site:before");
        } else { // abbiamo scrollato verso l'alto, sopra il div, possiamo sbloccarlo
            menu.removeClass("site:before");
        }
    });
});
</script>
Avatar utente
Dasan
New Entry
Messaggi: 8
Iscritto il: 22 nov 2017, 10:53

Re: Scroll colonna non funziona

Messaggioda Dasan » 12 gen 2018, 16:10

Ciao,
potresti linkare la pagina, o inserire pure l'html?
Sviluppo siti web
Web Designer & Frontend Developer
http://www.davidesanfilippo.it
Avatar utente
Ipro
Utente Junior
Messaggi: 84
Iscritto il: 07 feb 2013, 17:59

Re: Scroll colonna non funziona

Messaggioda Ipro » 12 gen 2018, 19:11

Ho risolto col plugin Q2W3 Fixed Widget, i link dei siti sono qui sotto
Avatar utente
Dasan
New Entry
Messaggi: 8
Iscritto il: 22 nov 2017, 10:53

Re: Scroll colonna non funziona

Messaggioda Dasan » 18 gen 2018, 12:01

Ottimo!
Sviluppo siti web
Web Designer & Frontend Developer
http://www.davidesanfilippo.it

Torna a “HTML e CSS”

Chi c’è in linea

Visitano il forum: Nessuno e 8 ospiti