+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

ADV 300x600 sulla colonna che si blocca per un certo intervallo di scrolling

Ultimo Messaggio di dani833 il:
  1. #1
    User L'avatar di fabiodisconzi
    Data Registrazione
    Feb 2010
    Località
    vicenza
    Messaggi
    38
    Segui fabiodisconzi su Twitter

    ADV 300x600 sulla colonna che si blocca per un certo intervallo di scrolling

    Ciao a tutti, cercavo consigli e idee per realizzare questo effetto:
    se sono con uno schermo "grande" ho il classico layout con colonna larga con i contenuti e a lato colonna stretta con altre informazioni e adv. Inizialmente le due colonne scrollano insieme, poi da un certo punto in poi la colonna di destra si blocca su un baner solitamente 300x600 e segue il visitatore fino a fine pagina.
    Come si realizza?
    Grazie

  2. #2
    Utente Premium L'avatar di altraSoluzione
    Data Registrazione
    Jun 2017
    Località
    Roma
    Messaggi
    489
    Segui altraSoluzione su Twitter Aggiungi altraSoluzione su Facebook Aggiungi altraSoluzione su Linkedin Visita il canale Youtube di altraSoluzione
    Ciao,
    se intendi qualcosa tipo quello che ho fatto io con i banner pubblicitari nel mio blog (vai nel sito in firma, poi nel blog e scegli un articolo qualsiasi), io l'ho realizzato tramite jQuery:

    Codice:
    if ($(window).width() >= 768) {
    var fixmeTop = $('.sidecontainer').offset().top;
    var fixmeWidth = $('.sidecontainer').width();
    $(window).scroll(function() {
        var currentScroll = $(window).scrollTop();
        if (currentScroll >= (fixmeTop - 70)) {
            $('.sidecontainer').css({
              position: 'fixed',
              top: '40px',
              width: fixmeWidth + "px" 
            });
        } else {
            $('.sidecontainer').css({
                position: 'static',
                top: '0'
            });
        }
    });   
    }

  3. #3
    User Newbie
    Data Registrazione
    Jul 2018
    Località
    Pavia
    Messaggi
    9
    Credo che tu possa raggiungere il risultato voluto anche solo con i CSS. Prova a guardare il position: sticky

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.